Angular 角度10材质选项卡：根据管线参数选择选项卡？

我有一个页面，上面有一个

mat选项卡组

，它位于路径

/transactions

      <mat-tab-group>
        <mat-tab label="Shipments">
          <ng-template matTabContent>
            shipment content
          </ng-template>
        </mat-tab>
        <mat-tab label="Refunds">
          <ng-template matTabContent>
            Refund content
          </ng-template>
        </mat-tab>
        <mat-tab label="Backorders">
          <ng-template matTabContent>
            Backorders content
          </ng-template>
        </mat-tab>
     </mat-tab-group>

装运内容
退款内容
延期交货内容

---

我希望能够选择显示路由参数的选项卡，这样我就可以链接到

/transactions/returns

或

/transactions/？type='returns'

或类似内容，并在相应选项卡处于活动状态的情况下导航到事务页面。

在这种情况下，使用mat选项卡组的selectedIndex输入（见附件）

总体概念如下所示

在.html中：

在.ts中：

selectedIndex = 0;

navItems = [
    { label: 'Label 1', route: '/route1' },
    { label: 'Label 2', route: '/route2' }
];

  constructor(private router: Router) {
    this.router.events.pipe(
        filter((event) => event instanceof NavigationEnd)
    ).subscribe(
        () => (
          this.selectedIndex = this.navItems.findIndex(
            nav => nav.route === this.router.url
          )
      )
    );
  }

---

检查这个：我看到了，但它看起来更像是使用标签导航到路线，而不是反向。我会再看一遍。