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

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 后第二个直接消失。这些在选项卡栏中用于在选项卡名称之间导航，但完全没有必要，因为我有足够的空间来显示所有选项卡名称。

当我稍微调整页面大小时，它们也变得可见，尽管我再次有足够的空间容纳所有选项卡名称。

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

Answer 1

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

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

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