2015-07-12 177 views
3

我采用了棱角分明的材料(https://material.angularjs.org/角材料单独MD-标签体

有没有办法到标签的身体从选项卡列表分开?在文档中我找不到任何提及。

目前我有这样的事情,我需要移动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> 

+0

不,这是不可能的;这绝对没有意义。如果您的目标纯粹是美学,那么您为什么不简单地使用CSS? – Blackhole

+0

@Blackhole我并不意味着将'md-tab-body'移出;只是在框架本身达到相同的效果而没有额外的膨胀,因为它可能在例如bootstrap中。 – Kaspars

回答

5

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

选项1

md-tab-body是可选的,所以你可以使用md-tabs只处理标签栏,以及手动处理其他地方你标签的内容,势必会通过md-tabs使用相同的选择指标。

选项2

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

+2

codepen链接不起作用了。 –