angular - 单击时如何禁用按钮并更改文本

Question

单击时我在按钮中设置文本，但它使它变得如此之快。事实上，它会改变它半秒钟并将其返回到旧消息....它不会禁用它

我在我的html中使用它

 <button mat-flat-button color="accent"
   (click)="cancelBuildingImage(element.buildId); setSaving($event.target, 'Canceling...')">
            Cancel Build
    </button>

这在 ts 中：

setSaving(element, text) {
    element.textContent = text;
    element.disabled = true;
  }

在此先感谢您的帮助

标签： angular

Answer 1

您可以将文本存储在属性或element变量中。

像这样的东西：

<button mat-flat-button color="accent" (click)="cancelBuildingImage(element.buildId); text = 'Cancelling...'">
     {{ text }}
</button>

export class MyComponent {
    text = 'Cancel Build';
}