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中挂载    :

<router-outet></router-outet>

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



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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容