Angular2 RC6 - 在我的子模块中导入BrowserModule

时间:2016-09-09 14:44:07

标签: angular

我已在我的根DashboardModule中导入AppModule。在DashboardModule的组件模板中,我使用了*ngFor。它在BrowserModule中声明(恰好在CommonModule导入的BrowserModule中)。

我想在我的应用程序根模块中声明导入BrowserModule一次。但有些东西不起作用,我必须在DashboardModule中导入它。当我注释掉导入时,我在控制台Can't bind to 'ngForOf' since it isn't a known property of ...中出错。

以下是当前正在使用的plunker:http://plnkr.co/edit/73SYTnsMJxoVl5OSvWiF?p=preview(因使用控制台而在Chrome中获得最佳视图)。

编辑文件src/dashboard/dashboard.module.ts - 注释第18行(导入BrowserModule)并在控制台中显示错误。

2 个答案:

答案 0 :(得分:3)

您应该在子模块中导入BrowserModule

在根模块中导入BrowserModule,在子模块中导入CommonModule

Plunker example

另见https://angular.io/docs/ts/latest/cookbook/ngmodule-faq.html#q-browser-vs-common-module

  

请勿在任何其他模块中导入BrowserModule。功能模块和延迟加载的模块应该导入CommonModule。他们需要共同的指令。他们不需要重新安装应用程序范围的提供程序。

答案 1 :(得分:1)

根据NgModules的文档,它说要导入根模块中的BrowserModule和功能模块中的CommonModule。