Angular2 - 导入多个模块

时间:2015-12-05 10:50:20

标签: typescript visual-studio-2015 angular

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

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

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-library中?

我正在使用Visual Studio进行开发。我认为所有内容都与教程中的相同。

在哪里可以找到关于Typescript中“import ... from”内容的其他信息?我不确定我在这里使用哪种语法版本: - /

THX!

2 个答案:

答案 0 :(得分:3)

是的,我必须引用http.dev.js.我错过了那个。

认为system.js正在这里发挥作用。

感谢Eric!

答案 1 :(得分:0)

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