【问题标题】：Angular material separate md-tabs body角材料分离 md-tabs 主体
【发布时间】：2015-07-12 19:08:47
【问题描述】：

我正在使用棱角材料 (https://material.angularjs.org/)

有没有办法将标签正文与标签列表分开？我在文档中找不到任何提及。

目前我有这样的事情，我需要将md-tab-body 移出md-tabs。最好不使用状态或控制器显示/隐藏逻辑。

<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>

【问题讨论】：

不，不可能；这绝对没有意义。如果您的目标纯粹是美学，为什么不简单地使用 CSS？
@Blackhole 我的意思不是字面上将md-tab-body 移出；只是在框架本身内实现相同的效果而不会产生额外的膨胀，因为它可能在例如引导程序中。

标签： javascript html angularjs angular-material

【解决方案1】：

目前无法做到这一点，但根据您的用例，可能会有不同的解决方案。

选项 1

md-tab-body 是可选的，因此您可以使用md-tabs 仅处理选项卡栏，并在别处手动处理选项卡内容，绑定到md-tabs 使用的相同选定索引。

选项 2

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

【讨论】：