Javascript 如何使浏览器在单击按钮时导航到指定的选项卡？

我的mdTabs设置如下：

<md-tabs md-dynamic-height md-border-bottom>
  <md-tab label="The first tab" id="first-tab-wrapper" class="tab-wrapper">
  </md-tab>
  <md-tab label="The second tab" id="second-tab-wrapper" class="tab-wrapper">
  </md-tab>
</md-tabs>
<button>GO TO SECOND TAB</button>

当用户单击按钮时，浏览器应转到第二个mdTab。如何执行此操作？

您可以使用md selected来跟踪选项卡：

活动/选定选项卡的索引

HTML:

看看

<md-tabs md-dynamic-height md-border-bottom md-selected="selectedTab">
  <md-tab label="The first tab" id="first-tab-wrapper" class="tab-wrapper">
  </md-tab>
  <md-tab label="The second tab" id="second-tab-wrapper" class="tab-wrapper">
  </md-tab>
</md-tabs>
<button ng-click="selectTab()">GO TO SECOND TAB</button>

$scope.selectTab = function() {
  //go to second tab
  $scope.selectedTab = 1;
}