javascript 如何在angular 16中删除有限时间内的交换按钮图标

6pp0gazn 于 2023-08-02 发布在 Java

关注(0)|答案(1)|浏览(81)

我只是想做一个函数来删除一个按钮内的图标被替换为一个微调器，这是已经添加了由primeng所以只是功能rm的孩子
按钮：

<p-button label="" [loading]="loading" (onClick)="load()" (onClick)="rm()">
  <i id="rm_icon" class="pi pi-user-plus"></i>
</p-button>

字符串
正如你看到的rm()是函数，我希望它删除现有的按钮图标，但只有当加载微调器图标显示。
我只知道如何永远删除它，我真的不擅长TypeScript

1条答案

我找到了答案，我只是需要如果条件，所以它删除并添加图标，如果它真或flase

<p-button [icon]=" loading ?   'pi pi-spinner pi-spin' : 'pi pi-user-plus'"
label="Add" (onClick)="load()" > </p-button>

字符串
typescript ：

loading: boolean = false;

load() {
    this.loading = true;

    setTimeout(() => {
        this.loading = false
    }, 2000);
}

型
}