Angular Material md-tab模拟tab点击？

Question

是否可以模拟对 md-tab 元素的点击？假设我的网站上有一个按钮，它不在我的 md-tab 元素附近，但我想在单击此按钮时强制 md-tab 组切换到特定的 md-tab，如何实现这样的事情？

Answer 1

组件：

mytab = 1; // Index of tab at start

changeTab() {
    this.mytab = 2; // update tab index
}

模板：

<md-tab-group [selectedIndex]="mytab">
  <md-tab label="Tab 1">Content 1</md-tab>
  <md-tab label="Tab 2">Content 2</md-tab>
  <md-tab label="Tab 3">Content 3</md-tab>
</md-tab-group>

<button (click)="changeTab()">Change Tab</button>

注意：索引从零开始。

来源：Material Docs, Pluker: Here

Angular Material md-tab模拟tab点击？

Angular Material md-tab simulate a tab click?

typescript

angular-material2

angular