RC5 NgModules 声明

Question

将 Angular 2 升级到 RC5 后，我收到如下警告，要求我将组件移动到模块声明中：

NgModule AppModule 通过“entryComponents”使用 AcademylistComponent 但 它既没有申报也没有进口！此警告将成为 final 后出错。

我在我的路由器配置文件中引用了这些组件。看起来像这样：

import {provideRouter,RouterConfig} from '@angular/router';
import {AcademylistComponent} from '../modules/home/component/academyList.component';
import {CourselistComponent} from '../modules/home/component/courseList.component';
import {CreateacademyComponent} from '../modules/home/component/createAcademy.component';
import {ReportsComponent} from '../modules/home/component/reports.component';
import {AuthenticatedGuard} from '../guards/authenticated.guard';

export const routes: RouterConfig = [
{
    path: '',
    redirectTo:'/home',
    terminal:true},
{
    path: 'home',
    canActivate: [AuthenticatedGuard],
    children: [

        {path: '', component: AcademylistComponent},
        {path: 'my-academies', component: AcademylistComponent},
        {path: 'my-courses', component: CourselistComponent},
        {path: 'create-academy', component: CreateacademyComponent},
        {path: 'reports', component: ReportsComponent}

    ]

}

];

export const APP_ROUTER_PROVIDERS = [
provideRouter(routes)
];

当我将组件移动到 ng 模块的 declarations 数组并将它们导入那里时，路由配置文件确实开始给我 Cannot find name 错误。

那么在这种情况下我该如何使用模块声明呢？

Answer 1

即使你在路由中声明它们，你仍然需要在 NgModule 中声明路由中使用的组件。

@NgModule({
  declarations: [
    AcademylistComponent,
    //.. and so on
  ], 
  providers: [
    APP_ROUTER_PROVIDERS
  ]
})
export class AppModule {}