Angular 如何将参数连接到mat选项卡导航栏中的链接

我正在使用

mat tab导航栏

在组件中创建两个选项卡，即：

1-基本数据

2-账单货币

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

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选项卡导航栏

<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>

{{link.label}

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

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

---

这个问题我不清楚。我得到了第一部分，但我不明白你想要达到什么。你能试着重新表述一下吗？我想在url中保留id和isn，当第一次加载第一个选项卡时，url是invoice/basic data/27/3490464，当单击第二个选项卡并再次单击第一个选项卡时，id和isn会像我现在看到的发票/基本数据一样被删除。您可以发布您使用的零件

mat-tab导航栏

。我用我使用mat-tab导航栏的零件更新了这个问题吗？我也有同样的问题