禁用 md-(prev/next)-md-tab 中的按钮

Question

我有以下 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-button 和 md-next-button 在我的标签栏的左右两侧可见，大约 1 秒后直接消失。这些在选项卡栏中用于在选项卡名称之间导航，但完全没有必要，因为我有足够的 space 来显示所有选项卡名称。

当我稍微调整页面大小时，它们也变得可见，尽管我有足够的 space 用于所有选项卡名称。

我在 API 中找不到禁用该功能的指令。还有其他方法可以避免这个问题吗？

Answer 1

使用md-no-pagination(md-no-pagination="true")

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

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

禁用 md-(prev/next)-md-tab 中的按钮

Disabling Md-(prev/next)-buttons in md-tab

javascript

jquery

angularjs

tabs

angular-material