gpt4 book ai didi

angular - 如何使用 angular2/4 Material 更改点击事件中的 Material 图标?

转载 作者:太空狗 更新时间:2023-10-29 17:16:45 26 4
gpt4 key购买 nike

我在 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>

我想把它改为“星形”图标,而不是“关闭” Material 图标。我如何通过特定选项卡图标上的点击事件来实现这一点?

最佳答案

在组件中:

public icon = 'close'; 

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

在 HTML 中

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

关于angular - 如何使用 angular2/4 Material 更改点击事件中的 Material 图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44580387/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com