如何在 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 组件。

超文本标记语言

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