我刚开始使用Angular Material。我想知道是否有一种方法可以在选项卡上显示图标,而不是常规的文本标签。我的问题是,我正在使用它来构建移动应用程序,而制表 rune 本太大而无法容纳。

最佳答案

md-tabs支持两种语法:一种使用label属性,另一种使用md-tab-labelmd-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

10-08 13:41