2015-12-05 121 views
2

我已经完成了教程指南www.angular.io,现在我正在尝试实现自己的Angular2-Component。Angular2 - 导入多个模块

我的打字稿看起来是这样的:

import {bootstrap, Component, FORM_DIRECTIVES, CORE_DIRECTIVES} from 'angular2/angular2' 
import {Http, HTTP_PROVIDERS} from 'angular2/http' 
@Component({ 
    selector: 'Abrechnung', 
    template: ` 
     <br> 
     <br> 
     <br> 
     <h1>{{title}}</h1> 
     <li *ng-for="#posten of postenliste"> 
      {{posten.text}} 
     </li> 
    `, 
    viewProviders: [HTTP_PROVIDERS], 
    directives: [FORM_DIRECTIVES, CORE_DIRECTIVES], 
}) 

虽然第一进口加载正确,浏览器会在错误的文件夹中的HTTP模块。我也看不到第一个模块来自哪里。在我的网络跟踪中没有'angular2/angular2'调用。这些模块是否包含在angular2库中?

我正在使用Visual Studio进行开发。我认为一切都和教程中一样。

我在哪里可以找到关于“输入......来自”字样的附加信息?我不确定我在这里使用的语法版本: -/

Thx!

+0

你添加了http模块吗?即'http.dev.js','http.min.js','http.js' –

回答

3

是的,我不得不引用http.dev.js.我错过了那一个。

认为system.js在这里做魔术。

Thx to Eric!

0

'angular2/angular2'是system.js模块加载器上的预装模块包。这不是一条路。 但当然,你可以加载自己的模块给出一个像'./your_directory/your_filename'的路径

+0

“angular2/angular2”在angular2-beta0上不再可用。 您应该分别导入每个模块。 (例如:angular2/core,angular2/common,angular2/http等等) – jpsfs