Angular2如何导入其组件?

时间:2015-12-03 00:30:24

标签: angular ecmascript-6

我是AngularJS 2.0的新手。当我阅读其快速入门指南和其他一些帖子时,有import行,如下所示:

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

我想知道angular2/angular2在哪里。我怎么知道我应该导入的根目录(或结构)是什么?

2 个答案:

答案 0 :(得分:3)

如@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'

答案 1 :(得分:1)

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