跟我一起学Angular 之 路由

本文主要是介绍跟我一起学Angular 之 路由，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

路由：根据不同的url地址，动态的让根组件挂载其他组件，来实现一个单页面应用
app-routing.module.ts 中设置路由
/配置路由
const routes : Routes= [{
path:‘home’,
component : HomeComponent,
children:[
{
path:‘welcome’,
component:WelcomeComponent
},
{
path:’’,
redirectTo : ‘welcome’
}
]
},
{
path:‘news’,
component : NewsComponent
},
{
path:‘product’,
component:ProductComponent
},
{
path : ‘newscontent/:aid’, /配置动态路由/
component : NewscontentComponent
},
{
path : ‘shop’, /配置动态路由/
component : ShopComponent,
children:[
{
path:‘shoplist’,
component:ShoplistComponent
},
{
path:‘shopcate’,
component:ShopcateComponent
}
]
},
{
path:’’,//表示找不到时，回到home页
redirectTo : ‘home’
},
];

这篇关于跟我一起学Angular 之 路由的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---