Angular 2 中的二级路由如何？

Question

我为我的应用程序设置了路由设置，带有 .一切都很好，但我的一个观点加载了一个侧栏，我想使用不同的 .当我尝试向组件添加其他路由时，我得到“不允许子路由用于“xxx”，在父路由路径上使用“...”。

是否有人添加了多层路由以提供帮助？谢谢！

Answer 1

父路由使用特殊的... 语法

//parent route
@RouteConfig([
    new Route({path: '/', component: DemoPage, name: 'Home'}), 
    new Route({path: '/demo/...', component: DemoPage, name: 'Demo'})
})

//child routes defined in separate route config
@RouteConfig([
    new Route({ path: '/spreadsheet', component: Spreadsheet, name: 'Spreadsheet' })
//etc   
])

我这里有教程：http://www.syntaxsuccess.com/viewarticle/routing-in-angular-2.0

您还可以在此处查看嵌套路由：

http://www.syntaxsuccess.com/angular-2-samples/#/demo/spreadsheet

左侧导航正在使用子路由。