如何连接参数以链接到 mat-tab-nav-bar答案

【问题标题】：how to concatenate parameters to link in mat-tab-nav-bar如何连接参数以链接到 mat-tab-nav-bar
【发布时间】：2020-04-16 01:25:00
【问题描述】：

我正在使用mat-tab-nav-bar在一个组件中创建两个选项卡，即：

1- 基本数据

2-钞票

当我单击第一个选项卡时，它会发送 id 并使用服务发送到另一个选项卡，反之亦然，从第二个选项卡到第一个选项卡将这段代码放入容器组件中（包括两个选项卡）我想把参数（id & is）放在这个链接旁边链接：“基本数据” 如何将它们连接到“基本数据”

this.navLinks = [
  {
    label: 'بيانات أساسية',
    link: 'basic-data',
    index: 0
},
     {
        label: 'مصروف فاتورة',
        link: 'bill-money',
        index: 1
    },        
];

routing.module 中的这个

{
path: 'invoice', component: InvoiceComponent,
children: [
  { path: 'basic-data/:id/:isn', component: BasicDataComponent },
  { path: 'bill-money', component: BillMoneyComponent },
]  }

[更新] 容器组件中的 mat-tab-nav-bar

<nav  mat-tab-nav-bar dir="rtl">
<div>
<a mat-tab-link
*ngFor="let link of navLinks"
[routerLink]="link.link"
routerLinkActive #rla="routerLinkActive"
[active]="rla.isActive"
style="font-size: x-large;color: black"
>{{link.label}}
</a>
</div>
</nav>
<router-outlet></router-outlet>

【问题讨论】：

这个问题我不清楚。我得到了第一部分，但我无法理解你想要达到的目标。你能改写一下吗？
当第一次加载第一个选项卡时，我想保留 id & 在 URL 中，当单击第二个选项卡并再次单击第一个选项卡时，URL 是 invoice/basic-data/27/3490464 id & is像发票/基本数据一样被删除
我现在明白了。能否请您发布您使用的部分mat-tab-nav-bar。
我用我使用 mat-tab-nav-bar 的部分更新了问题
这方面有什么更新吗？我有同样的问题

标签： angular angular-material

【解决方案1】：

只要您的 id 和变量已经设置，您就可以将它们添加到该项目的链接属性中的列表中：

this.navLinks = [
  {
    label: 'بيانات أساسية',
    link: ['basic-data', id, isn],
    index: 0
},
     {
        label: 'مصروف فاتورة',
        link: 'bill-money',
        index: 1
    },        
];

【讨论】：