Angular6 路由及子路由配置

 

第一步:在module.ts里配置 

先引入import { Routes, RouterModule, Router } from '@angular/router';

然后创建一个路由,path是路径 可以自定义在页面上调用用的,component是我们自己写的组件。 

module.ts里面的配置:

子路由就是在当前路由下加个children 再写个路由的数组 就可以了。

Angular6 路由及子路由配置

 首页路由的配置:

Angular6 路由及子路由配置

子路由配置:

Angular6 路由及子路由配置

路由出口

Angular6 路由及子路由配置 

到此,路由以及子路由就都配置完成了。