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

Question

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

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

这是 plunker，目前正在工作:http://plnkr.co/edit/73SYTnsMJxoVl5OSvWiF?p=preview (由于控制台的使用，Chrome 中的最佳 View )。

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

Answer 1

您应该不在子模块中导入BrowserModule。

在根模块中导入 BrowserModule，在子模块中导入 CommonModule。

Plunker example

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

Do not import BrowserModule in any other module. Feature modules and lazy loaded modules should import CommonModule instead. They need the common directives. They don't need to re-install the app-wide providers.