如何在http通话中禁用和启用Angle中的按钮？

Question

我正在角度6上开发角度应用程序，我也有具有提交按钮的多种形式，每当用户提交时，我都需要禁用该按钮并将其启用，一旦得到响应，我在同一页面中具有多种形式，因此按钮的禁用/启用应独立工作。

所以我要在按钮和http响应之间创建一个映射以对其进行跟踪，并且响应应说明我必须启用哪个按钮。

任何逻辑-如何为此创建指令？下面的代码仅用于一种形式。

预先感谢...

在我的模板中：

<button [disabled]="disabled"> Submit<button>

在我的.ts

this.disabled = true;

this.http.get(...).subscribe((r) => { this.disabled = false });

Answer 1

使用*ngIf并传递标志true或false。这将轻松启用/禁用您的按钮。从您的true/false文件中传递值.ts标志。

<button *ngIf="flag"> Submit<button>