在md-tab中禁用Md-(上一个/下一个)按钮

时间:2015-12-07 08:55:18

标签: javascript jquery angularjs tabs angular-material

我有以下角度材料标签:

<md-tabs md-dynamic-height md-border-bottom md-stretch-tabs="never" md-no-bar md-no-ink id="tabcontainer" md-selected="tabdata.selectedIndex" md-no-ink class="md-padding" style="padding:0px; width:100%">
    <md-tab label="Tab1">
    </md-tab>
    <md-tab label="Tab2">
    </md-tab>
    <md-tab label="Tab3">
    </md-tab>
</md-tabs>

在第一次加载时,md-prev-buttonmd-next-button在我的标签栏的左侧和右侧可见,并在大约1秒后直接消失。这些在标签栏中用于在选项卡名称之间导航,但由于我有足够的空间来显示所有选项卡名称,因此完全没有必要。

当我稍微调整页面大小时,它们也变得可见,尽管我有足够的空间用于所有标签名称。

我无法在API中找到禁用该功能的指令。还有另一种方法可以避免这个问题吗?

1 个答案:

答案 0 :(得分:1)

使用md-no-paginationmd-no-pagination="true"

启用后,分页将保持关闭状态

<md-tabs md-selected="selectedIndex" md-border-bottom="" md-autoselect="" md-no-pagination="true">