Question

您好

这就是我现在所拥有的：

{ path: 'slideshows', component: SlideshowComponent,

      children:[

         { path: '', redirectTo: 'slideshow-1', pathMatch: 'full' }, 
         { path: ':id',     component: SlideshowDetailsComponent,

            children:[

              { path: '',     component: SlideDetailComponent},
              { path: ':slide_key',     component: SlideDetailComponent}
            ]
          }
      ]
  },

----

A

/slideshows

显示幻灯片列表，重定向到以下路线，列表中的第一张幻灯片显示（我还没弄清楚如何动态地执行此操作，所以我只是硬编码了slug到现在为止：幻灯片-1）

----

乙

/slideshows/slideshow-1 //slideshow-1 is the slug

此路线显示幻灯片列表以及与提供的slug匹配的幻灯片（幻灯片列表）

----

C

/sldieshows/slideshow-1/slide-1

当调用此路线时，幻灯片列表和幻灯片显示应该消失，只有带有匹配slug的幻灯片（slideshow-1 / slide-1）应该在保留网址的同时显示： /sldieshows/slideshow-1/slide-1

----

问题：

1）。 当路径为空时，甚至会显示SlideDetailComponent：path=''。

有没有办法让这个片段可选？

我用{ path: '', redirectTo: 'view', pathMatch: 'full' }试了一下，但是我无法摆脱redirectTo参数（在示例中的单词： view ）。请问这里有什么正确的方法？

2）。 如何维护URL以及如何在使用子路由时隐藏父组件？或者，对于上述最后一种情况（C），还有更好的方法吗？

---

第3。） 如何获得所有路线参数？ this.route.params只返回最后一个片段，例如：slide-1

---

非常感谢你的时间！

Angular 2 Child Routes，Slugs，Component visibility

0 个答案: