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。