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

左nav正在使用子路由。