Angular Material 2 - 获取第一个选项卡的标签

Question

我需要获取用户单击的任何选项卡的值。这是我到目前为止所拥有的:

<mat-tab-group (selectedTabChange)="getLabel($event)" #tabGroup>
    <mat-tab label="{{ thing.name }}" *ngFor="let thing of things | async" #tab>
        ....
    </mat-tab>
</mat-tab-group>

TS - 数据库获取:

thingsCollection: AngularFirestoreCollection<Intf>;
things: Observable<Intf[]>;

ngOnInit() {
    this.thingsCollection = this.afs.collection(placeToSearch2);
    this.things = this.thingsCollection.valueChanges();
}

问题是我还需要 mat-tab-group 首先加载的选项卡的 label 属性的值。 (selectedTabChange) 仅在用户手动单击选项卡时触发。这很好，但没有给我第一个选项卡的标签。

有一个类似的问题here有一个很好的答案，但是当我更清楚地问他我的特定问题时，评论者似乎在关注我。他提供的答案很接近我的需要:

ngAfterViewInit() {
    console.log('afterViewInit => ', this.tabGroup.selectedIndex); // Close, but no cigar
  }

上面的解决方案只给我索引(几乎总是0)，而不是标签。我怎样才能获得标签？ Angular Tab reference显示有一个 textLabel 属性。我认为这可能是答案，但它使用我不熟悉的@Input。有人可以帮我使用它吗？

Answer 1

您可以使用以下方式获取它:

this.tabGroup._tabs.first.textLabel

查看此StackBlitz demo 。