我刚开始使用Angular Material。我想知道是否有一种方法可以在选项卡上显示图标,而不是常规的文本标签。我的问题是,我正在使用它来构建移动应用程序,而制表 rune 本太大而无法容纳。
最佳答案
md-tabs
支持两种语法:一种使用label
属性,另一种使用md-tab-label
和md-tab-body
作为标记。该语法是专门为该用例添加的。
您使用的语法:
<md-tabs>
<md-tab label="One">
Tab One Content
</md-tab>
</md-tabs>
您最有可能寻找的语法:
<md-tabs>
<md-tab>
<md-tab-label>One</md-tab-label>
<md-tab-body>Tab One Content</md-tab-body>
</md-tab>
</md-tabs>
这是一个演示此语法的CodePen:
http://codepen.io/robertmesserle/pen/7bbeaf916d45ac2dde4967cf57307338?editors=100