Angular2路由到路由参数下面的终端路由

时间:2016-01-20 00:08:40

标签: routes angular router params siblings

我对Angular2有一个有趣的路由挑战,我想征求意见。我有一个路径,在URL中我需要看起来像这样:

.../item/editor/[trigger]/options/list

括号中的[触发器]指的是RouteParam。所以RouteConfig是"编辑器的路径"组件看起来像这样:

@RouteConfig([{
    path: '/editor/:trigger/...', name: 'Editor', component: ItemEditor
},
...
])

在编辑器组件的父模板中,我有一个像这样的路由器链接:

[routerLink]="['./Editor', {trigger: 'button'}]"

但我不知道如何在路由器链接中指定路径参数之后的剩余路径。我需要的是当导航编辑器组件时,它使用"触发器" route param用于配置其模板的一部分(通过DynamicComponentLoader,这真的很酷),并在同一模板中填充路由器插座(' ./ Options / List'),其内容由在编辑器组件本身的RouteConfig中添加了路径的剩余部分(./Options/List)。

当我尝试使用上面的路由器链接导航时,我得到路由器错误,该链接不是终端指令。我想我可以将路由器链接更改为[' ./编辑/选项/列表',{触发器:'按钮'}]或类似的占位符:触发器在路径中,但这会导致错误,表明我没有提供路线的触发值。

我想我可能会尝试在编辑器组件中使用同级路由器插座来解决这个问题,但是ng2团队自从他们在2015年6月将其删除后,对此功能一直保持沉默。至少我还没有找到一个这样的例子。

完全有可能我没有正确地思考这个问题。有没有人对如何解决这个问题有任何想法?兄弟路由器插座的例子?任何人吗?

的问候。我是2.0.0-beta.0。

0 个答案:

没有答案