javascript - Angular Material 单独的 md-tabs 主体

Question

我正在使用 Angular Material ( https://material.angularjs.org/ )

有没有办法将选项卡主体与选项卡列表分开？我在文档中找不到对此的任何提及。

目前我有这样的东西，我需要将 md-tab-body 移到 md-tabs 之外。最好不使用状态或 Controller 显示/隐藏逻辑。

<md-tabs>
<md-tab>
    <md-tab-label>First tab</md-tab-label>
    <md-tab-body>
        <p>First tabs content.</p>
    </md-tab-body>
</md-tab>
<md-tab>
    <md-tab-label>Second tab</md-tab-label>
    <md-tab-body>
        <p>Second tabs content.</p>
    </md-tab-body>
</md-tab>

Answer 1

这目前不可能，但根据您的用例，可能会有不同的解决方案。

选项 1

md-tab-body 是可选的，因此您可以使用 md-tabs 只处理标签栏，并在其他地方手动处理您的标签内容，绑定(bind)到md-tabs 使用的相同选定索引。

选项 2

很多人想要这个功能，以便标签栏可以成为 md-toolbar 的一部分。这可以通过将 md-tabs 元素直接放在 md-toolbar 之后来实现，如下所示:http://codepen.io/robertmesserle/pen/LVxzNW