Angular父子组件间的路由

在创建组件时:

news组件中还有两个子组件,newsadd组件中还有两个子组件

在配置路由时,配置子路由关键字:children

const routes: Routes = [

{path:'home',component:HomeComponent},

{path:'news',component:NewsComponent,

//引入子路由

 children:[

  {path:'newspage',component:NewspageComponent},

    {path:'welcome',component:WelcomeComponent}

 ]

},

{path:'newsadd',component:NewsaddComponent,

  children:[

    {path:'newsaddwelcom  ',component:NewsaddwelcomComponent},

    {path:'systemset',component:SystemsetComponent}

  ]

},

{path:'**',redirectTo:'home'}

   注意要想挂在子组件同时发布子路由:

父组件的html中挂载    :

html构成:;两个路由的链接,div中是子组件展示内容的地方,所以需要将子组件挂载在那。



此笔记均属于自己学习angular的理解,纯粹为了记录自己的想法,方便查阅,如有错误的地方请勿见怪,欢迎指出。

你可能感兴趣的:(Angular父子组件间的路由)