angular2-routing - 如何在 ngx-admin nebular 和 angular 5 中向路由选项卡集组件添加参数

Question

我需要在 ngx-admin nebular 和 angular 5 中的路由选项卡集组件中添加一个参数，如下所示:

tabs: any[] = [
    {
      title: 'My tab 1',
      route: '/pages/projects/edit/tab1/:id',
    }...
]

有没有办法做到这一点？

提前致谢

Answer 1

这是我目前使用的解决方案。
TS

tabs: any[];

async ngOnInit() {
  const id = await getIdLogic();
  this.tabs = [
    {
      title: 'Tab 1',
      route: `.../.../${id}`
    },
    ...
   ]
}

然后在您的 HTML 中，您需要记住仅在设置选项卡后才呈现 nb-route-tabset 组件。
HTML

 <nb-route-tabset *ngIf="tabs" [tabs]="tabs"></nb-route-tabset>