angular - Angular 2 内部如何实现二级路由？

Question

我使用 .一切都很好，但我的一个 View 加载了一个侧栏，我想使用不同的 .当我尝试向组件添加其他路由时，我收到“子路由不允许在父路由路径上使用“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

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