md-tab中的动态变量

时间:2017-07-25 22:34:12

标签: angular angular-material

我可以使用md-tab-group中的标签制作动态标签吗?

        <md-tab-group>
            <md-tab label="ABC"></md-tab>
            <md-tab label="DEF"></md-tab>
            <md-tab label="xyz"></md-tab>
        </md-tab-group>

我想在耐寒登录时使标签名称变得强大,这应该在屏幕的右侧部分,并且具有注销图标,以便用户可以轻松注销。

任何帮助都会得到满足。

感谢。

1 个答案:

答案 0 :(得分:2)

您有两种方法可以处理如下所示的问题

<md-tab-group>
  <md-tab label="{{loggedIn}}"></md-tab>
  <md-tab [label]="loggedIn"></md-tab>
</md-tab-group>

Plunker example