如何使用 angular2/4 material 更改点击事件中的 material-icon？

Question

我在 md-tab-group 中有以下图标：

<md-tab-group>
  <md-tab *ngFor="let tab of arrayOfTabs">
    <ng-template md-tab-label>
        <md-icon (click)="changetab()">close</md-icon>
    </ng-template>
    My Tab Content
</md-tab>
</md-tab-group>

我想将 "close" material 图标改为 "star" 图标。我怎样才能通过特定选项卡图标上的单击事件来实现这一点？

Answer 1

在组件中：

public icon = 'close'; 

public changeIcon(newIcon: string ){
    this.icon = newIcon ; 
}

在HTML

<md-icon (click)="changeIcon('star')>{{icon}}</md-icon>

如何使用 angular2/4 material 更改点击事件中的 material-icon？

How to change material-icon on click event with angular2/4 material?

angular-material2

angular