Angular 如何禁用按钮并在单击时更改文本

我在点击按钮时设置了一个文本，但这样做很快。事实上，它会更改它半秒钟，然后将它返回到旧消息中……它不会禁用它

我在html中使用这个

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

---

提前感谢您的帮助

您可以将文本存储在属性或

元素

变量中

大概是这样的：

{{text}}

导出类MyComponent{
text='取消生成'；
}

不要直接操作DOM元素。使用角度特征渲染模板中的更改。

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