纯手写Angular 路由配置(两步实现)

来源:互联网 发布:一身份证创建2个淘宝店 编辑:程序博客网 时间:2024/05/16 11:29

我们在生成Angular项目的时候有可能会忘记加上 –routing,这样生成的文件中就不会有路由的配置文件,那么就需要我们手动写路由的配置文件。
手动写路由的配置文件也很简单,不需要我们另外生成新的文件,而是在app.module.ts中去写:
一共分为两步:
第一步:设置路由配置:

const routeCanfig: Routes = [  {path:'',component:HomeComponent},  {path:'product/:id',component:ProductDetailComponent}]

第二步:在主模块中引用写好了的路由配置: RouterModule.forRoot(routeCanfig)
如果不是在子模块中设置的路由配置,那么应该在子模块中引用路由配置:
RouterModule.forChild(routerCanfig)

  imports: [    BrowserModule,    FormsModule,    HttpModule,    RouterModule.forRoot(routeCanfig)  ],
原创粉丝点击