角度材料分隔md-tabs主体

时间:2015-07-12 19:08:47

标签: javascript html angularjs angular-material

我正在使用角度材质(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>

1 个答案:

答案 0 :(得分:5)

目前还不行,但根据您的使用情况,可能会有不同的解决方案。

选项1

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

选项2

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