如何将参数添加到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>

Answer 2

我没有最好的解决方案，但我只是使用了这个工作

ngOnInit(): void {
    this.key = this.router.url.split('/')[3];
}

我处理调用的主组件中的所有安全性。

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