Angular material 单独的 md-tabs 正文

Question

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

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

目前我有这样的东西，我需要将 md-tab-body 移到 md-tabs 之外。最好不使用状态或控制器 show/hide 逻辑。

<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 仅处理标签栏，并在其他地方手动处理您的标签内容，绑定到 [=11= 使用的相同选定索引].

选项 2

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