如何在ngx-admin nebular和angular 5中为路径tabset组件添加一个参数

时间:2018-02-15 01:38:35

标签: angular2-routing angular5

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

elm

有办法吗?

提前致谢

2 个答案:

答案 0 :(得分:0)

这是我当前正在使用的解决方案。

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>

答案 1 :(得分:0)

我没有最好的解决方案,但是我只是在解决这个问题

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

我处理了调用的主要组件内部的所有安全性

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