Angular 2 Child Routes

Question

我使用了angular-cli工具來創建我的路線。它使一個文件夾中有+在它前面即

• +dashboard
• +document

我不知道如何使用角CLI工具，使孩子的路線。這並不重要，但我更願意在我的應用程序結構中採用一個同意的約定來描述兒童路線。

那麼我該怎麼做？

難道我把一個文件夾中的父路徑下，這樣的

• app\+document\+chapter

是更好地做這種事情

• app\+document
• app\+chapter

除此之外，我對通常的路線有點困惑。我的理解是有一條不贊成的路線和一條新路線。我想我正在使用新的系統，因爲它已經使用angular-cli工具生成了。無論如何，我嵌套多層兒童路線。我想知道這是否合法。

@Routes([ 
    { path: '/', component: DashboardComponent }, 
    { path: '/document/:id', component: ReaderComponent, 
     children: [ 
      { path: '', redirectTo: 'chapter/0', pathMatch: 'full' }, 
      { path: 'chapter/:id', component: ChapterComponent, 
      children: [ 
       { path: '', redirectTo: 'para/0', pathMatch: 'full' }, 
       { path: 'para/:id', component: ParagraphComponent } 
      ]} 
     ] 
    } 
]) 

所以http://my-url/document/1應該帶我去http://my-url/document/1/chapter/0/para/0這是做到這一點的最好方法是什麼？我喜歡它，因爲它允許深度鏈接等。它也出現redirectTo不起作用。

但我有點新的這一切，我希望保持我的應用程序設計「傳統」儘可能

Answer 1

看來你從不同的路由器不兼容版本的混合材料。 @Routes()來自較舊的路由器版本，但您的路由配置適用於最新的路由器版本。

有關如何配置新路由器的信息，請參閱https://angular.io/docs/ts/latest/guide/router.html#!#route-config。