带有 ngFor 的 Angular mat-tab-group ：动态定义 tabindex

Question

我有一个角度 Web 应用程序，其中选项卡组必须具有强制选项卡（用于发布新对象）和动态选项卡（用于编辑现有对象）。 我想精确定义动态选项卡的 tabindex 值，以便默认显示其中一个，所以我尝试了这段代码：

<div class="div-center-card">
  <mat-tab-group #billingTabs>
    <mat-tab *ngFor="let billing of billingList; let i = index" tabindex={{i+1}} label={{getLabel(billing)}}>
      <app-ast-billing-form [billingToEdit]="billing" formMode="put"></app-ast-billing-form>
    </mat-tab>

    <mat-tab tabindex=0 label={{getLabel(null)}}>
      <app-ast-billing-form newLabelNumber={{getnewLabelNumber()}} formMode="post"></app-ast-billing-form>
    </mat-tab>
  </mat-tab-group>
</div>

不幸的是，所有动态选项卡的 tabindex 似乎都是“-1”。 我在这里错过了什么？

提前致谢！