我正在使用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 * /], })