如何訪問我的 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));
  }

如何訪問 my.ts 代碼中每個選項卡（#myFirstTab 和 #mySecondTab）的實際模板引用？ 有可能嗎？ 我需要一種方法來區分我的標簽，而 label 文本不好，因為它可能會有所不同......

編輯：我特別要求@ViewChildren 而不是@ViewChild。 我當然知道反過來。 在這種情況下，我不想在 my.ts 文件中聲明每個 Viewchild 。

Answer 1

ViewChild 指令？ 例如

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