Angular 角度-mat选项卡组双向绑定到typescript中的数组。如何通过typescript切换到查看某个mat-tab？

代码可以在下面看到

因此，我有一个mat选项卡组，其中通过双向绑定，typescript中validationSteps[]中的每个ValidationStep对象都有一个mat选项卡。因此，如果我向数组中添加一个thet元素，就会在前端添加一个新选项卡

我有从前面添加一个对象到数组的功能，该数组生成一个新选项卡。然后如何模拟用户单击选项卡查看它

组成部分

export class AddEditControlComponent {

validationSteps: ValidationStep[];

 addDocumentStepButtonClick():{
//create validationStep object and add it to array

}
}

Html模板。有一个按钮可以添加validationStep

<div class="panel-group">
<div class="panel panel-default">
    <mat-tab-group [selectedIndex]="selectedTabIndex">



            <mat-tab disabled>
                    <ng-template mat-tab-label>
                        <button  (click)="addDocumentStepButtonClick()">
                            Add Document Step
                        </button>
                    </ng-template>
                </mat-tab>

 <div *ngFor="let step of validationSteps; let i = index ">

//mat tab for each validationStep

  </div>
    </mat-tab-group>
</div>
</div>

添加文档步骤
//每个验证步骤的mat选项卡

您可以选中：

因此您必须将

SelectedTabinex

设置为相应的索引