Angular2路由器:无需导航即可获取URL路由

Question

我想routerLink基于Data路由器中的一些显示/隐藏s .该指令已经完成,但我错过了最重要的部分......

例如,我有以下路由器配置(省略组件):

[
  { path: '', children: [
    { path: 'foo', children: [
      { path: 'bar', data: { requiredPermissions: ['a', 'b'] } }
    ]}
  ]},
  { path: 'baz', data: { requiredPermissions: ['c'] }, children: [
    { path: ':id' }
  ]}
]

现在我想问问Router的Route,如果将用于routerLink为/foo/bar或/baz/123.

我查看了Router源代码(https://github.com/angular/angular/blob/master/modules/%40angular/router/src/router.ts),但找不到一些简单的方法来执行此操作.特别是它如何处理这些:id变量.

当然,我可以迭代Router.config,越走越深.但是后来我必须解析那些变量,正则表达式等等.必须有一种更简单的方法,因为角度路由器也必须在内部完成所有这些工作.

你有什么想法/解决方案吗？

Answer 1

您可以触发router.navigateByUrl、等待RouteRecognized事件并取消导航（例如使用自定义 Guard）。RouteRecognized将拥有所有必要的信息。显然这是一个糟糕的解决方案。

还有另一种方法，您可以创建附加结构（有点地图），其中应包含路径+数据。例如结构有路径struct.baz-route={url:'baz/:id', perm: ['c']}，然后[routerLink]="struct.baz-route.url.replace(':id', x)"，然后*ngIf="struct.baz-url.perm.indexOf('c')>-1"。