Question

我正在使用Angular Material构建员工管理应用。我有些麻烦，看起来应该很简单，这让我疯了！我有<md-tabs>和<md-button>

这样的设置

<md-tabs md-dynamic-height md-border-bottom>
<md-tab label="active">
</md-tab>
<md-tab label="terminated">
</md-tab>
</md-tabs>
<md-button></md-button>

我想做的就是让<md-button>在＆＃34;终止后消失。标签已激活。我知道我需要在按钮上应用ng-hide，但我无法弄清楚如何引用活动标签。

Answer 1

使用md-tabs标签上的md-selected指令将活动选项卡绑定到控制器的属性，如下所示：

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

然后，您可以根据需要在ng-show，ng-if，ng-hide中引用控制器属性。

（上述评论中提到的方法可行，但需要的工作量大于必要。）

代替预先存在的控制器，你可以像这样创建“tabController”：

app.controller('tabController' 
    function ($scope) {
        selectedTab = 0
    }
)

由于您的按钮位于标签之外，因此您必须在包含元素上加载控制器。如果在该级别有控制器，则只需将selectedTab属性添加到该级别即可。

如何在特定选项卡处于活动状态时将ng-hide应用于按钮？

1 个答案: