如何访问ViewChildren的模板引用？

Question

在我的模板中考虑以下材料选项卡：

<mat-tab #myFirstTab>Something</mat-tab>
<mat-tab #mySecondTab>Something else</mat-tab>

.ts文件中的ViewChildren：

  @ViewChildren(MatTab)
  private allTabs: QueryList<MatTab>;

  public ngAfterViewInit() {
    this.allTabs.forEach(tab => console.log('tab: ', tab));
  }

如何在我的.ts代码中访问每个标签的实际模板引用（＃myFirstTab和#mySecondTab）？这样是否有可能？我需要一种区分选项卡的方法，并且标签文本不好，因为它可能会有所不同...

编辑：我专门要求提供@ViewChildren，而不是@ViewChild。我当然知道反之。在这种情况下，我不想在我的.ts文件中声明每个Viewchild 。

Answer 1

ViewChild directive？例如

@ViewChild('myFirstTab') myFirstTab: MatTab;
@ViewChild('mySecondTab') mySecondTab: MatTab;