使用Angular Material制作图标标签？

Question

我刚刚开始使用Angular Material.我想知道是否有办法在标签上显示图标而不是常规文本标签.我的问题是,我正在使用它来构建移动应用程序,并且标签文本太大而无法容纳.

Answer 1

有两种支持的语法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