javascript – 如何在angular2中的模块之间路由？

我正在使用angular2 Final进行开发.

我创建了3个模块.

> AppModule
> ProjectModule
> DesignerModule

以前我只有AppModule,其中我已经导入了RoutingModule&它工作得很好.

import {NgModule} from '@angular/core';
import { Routes,RouterModule } from '@angular/router';
import {ProjectManagerComponent} from './project-manager/project-manager.component';
import {DesignerComponent} from './designer/designer.component';

const appRoutes: Routes = [
  {path: '',redirectTo: 'project-manager',pathMatch: 'full'},{ path: 'project-manager',component: ProjectManagerComponent },{ path: 'designer/:id',component:DesignerComponent }  
];

@NgModule({
  imports:[RouterModule.forRoot(appRoutes)],exports:[RouterModule]
})
export class AppRoutingModule { }
export const routingComponents=[ProjectManagerComponent,DesignerComponent]

但最近我为ProjectManager和amp;创建了单独的NgModules.设计师.

我将ProjectManagerComponent,DesignerComponent保存在各自模块中的声明中.

我想知道是否可以使用相同的路由配置路由到这些模块,或者我是否需要更改某些内容.

我的路由不再工作了.

任何输入？

解决方法

代替

export const routingComponents = [ProjectManagerComponent,DesignerComponent]

你可以

export const routing = RouterModule.forRoot(appRoutes);

由于app.module.ts已经从各自的模块中了解了ProjectManagerComponent和DesignerComponent.剩下的就是教它去哪里找到它们.

你可以在你的app.module.ts里面

//所有其​​他进口商品    从’./app.routes;’导入{routing}    @NgModule({      导入：[routing,/ * Other Modules * /],    })