角材料单独MD-标签体
问题描述:
我采用了棱角分明的材料(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>
答
这是目前不可能,但有可能会根据您的使用情况不同的解决方案。
选项1
的md-tab-body
是可选的,所以你可以使用md-tabs
只处理标签栏,以及手动处理其他地方你标签的内容,势必会通过md-tabs
使用相同的选择指标。
选项2
很多人想要这个功能,从而使标签栏可以为md-toolbar
的一部分。这可以通过将md-tabs
元件直接放置在md-toolbar
之后来实现,如这里所示:http://codepen.io/robertmesserle/pen/LVxzNW
+2
codepen链接不起作用了。 –
不,这是不可能的;这绝对没有意义。如果您的目标纯粹是美学,那么您为什么不简单地使用CSS? – Blackhole
@Blackhole我并不意味着将'md-tab-body'移出;只是在框架本身达到相同的效果而没有额外的膨胀,因为它可能在例如bootstrap中。 – Kaspars