要设置路由app-routing导航到子项目app-routing,您可以按照以下步骤进行操作:
首先,确保您已经安装了Angular 6,并且已经创建了主项目和子项目。
在主项目的app-routing.module.ts文件中,导入子项目的路由模块。假设子项目的路由模块文件名为child-routing.module.ts,代码如下:
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [
// 其他路由配置
// ...
{ path: 'child', loadChildren: './child/child-routing.module#ChildRoutingModule' }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ChildComponent } from './child.component';
const routes: Routes = [
{ path: '', component: ChildComponent },
// 其他子项目路由配置
// ...
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class ChildRoutingModule { }
在这个例子中,子项目的路由配置包含一个空路径'',以及一个ChildComponent组件作为其对应的路由组件。您可以根据子项目的实际需求进行修改。
这样,当导航到'child'路径时,子项目的路由模块将会被加载,并且显示ChildComponent组件的内容。
请注意,以上代码示例假设主项目和子项目的文件结构如下:
- src
- app
- app-routing.module.ts
- app.component.html
- app.component.ts
- child
- child-routing.module.ts
- child.component.html
- child.component.ts
根据您的实际项目结构,您可能需要相应地修改路径。