角度材料选项卡 - 在选项卡内容中按ng键单击手动导航

Question

我们在登录屏幕上使用了角度素材标签，共有三个标签，登录，单身和忘记密码。

是否可以在标签内容中添加可点击元素以浏览这些标签。

查看检查器视图md-tab-item有

ng-click="$mdTabsCtrl.select(tab.getIndex())"

但是将其添加到标签内容中的元素并不会触发任何事件。

<span ng-click="$mdTabsCtrl.select(tab.getIndex())">Forgot Password</span>

这样做的原因是为了让人们更容易进入忘记密码屏幕，如果他们在手机上并且标签标签不完全可见。

Answer 1

文档说明md-selected属性选择了标签。

<md-tabs md-selected="selectedIndex">

那么您是否尝试将$ scope.selectedIndex设置为控制器中的整数以按索引号选择选项卡？

您需要在控制器上调用一个函数来执行此操作。 E.g。

<span ng-click="changeTab(3)">Forgot Password</span>

然后在你的控制器......

$scope.changeTab = function(index){
    $scope.selectedIndex = index;
}

Answer 2

jon64digital有正确的想法。在md-tabs元素上，您可以将md-selected属性与范围中的索引绑定。然后编写一个函数来改变索引。

or

以下是如何运作。