Angular Material md-tab模拟标签点击?

时间:2017-08-07 14:29:17

标签: angular typescript angular-material2

是否可以模拟md-tab元素上的点击?让我们说我的网站上有一个按钮,它不在我的md-tab元素附近,但是我想强制md-tab组在点击这个按钮时切换到特定的md-tab,怎么可能实现这样的目标?

1 个答案:

答案 0 :(得分:0)

组件:

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