Angular2 如何导入它的组件？答案

【问题标题】：How does Angular2 import its components?Angular2 如何导入它的组件？
【发布时间】：2016-03-07 11:04:42
【问题描述】：

我对 AngularJS 2.0 还是很陌生。当我阅读它的快速入门指南和其他一些帖子时，有这样的import 行：

import {Component, View, bootstrap} from 'angular2/angular2';

我想知道angular2/angular2 在哪里。我如何知道我应该从中导入的根目录（或结构）是什么？

【问题讨论】：

标签： angular ecmascript-6

【解决方案1】：

正如@Guenter 所述，angular2/angular2 不是任何路径 - 相反，它是 Angular2 的预定义包。为此，我们已经导入 system.js 在index.html 文件中我们的角度之前。

如果您查看Angular 的源代码，您可以看到System.register("angular2/core", .... 并告诉systemjs 要做什么。你可以find out more here.

由于 Angular2 不再处于测试阶段，`angular2/angular2` 不存在。

现在，根据所有更新，进口清单在这里：

import {Component, View, Directive, Input, Output, Inject, Injectable, provide} from 'angular2/core'; 

import {bootstrap} from 'angular2/platform/browser';

import {CORE_DIRECTIVES, FORM_DIRECTIVES, NgClass, NgIf  NgForm, Control, ControlGroup, FormBuilder, Validators} from 'angular2/common';

import {RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, Router, LocationStrategy, HashLocationStrategy} from 'angular2/router';

import {Http, HTTP_PROVIDERS, RequestOptions, Headers, Request, RequestMethod} from 'angular2/http'

【讨论】：

【解决方案2】：

这里的 'angular2/angular2' 不是路径，而是 angular 的预定义 systemjs 包。在您的 index.html 中，您必须在 angular 之前加载 system.js 脚本。

【讨论】：

谢谢，有了system.js，我怎么知道bundle名字是angular2/andgular2，不还是基于文件夹结构吗？

由于 Angular2 不再处于测试阶段，angular2/angular2 不存在。

由于 Angular2 不再处于测试阶段，`angular2/angular2` 不存在。