javascript - 如何在 http 调用中禁用和启用 Angular 按钮？

Question

我正在 Angular 6 上开发 Angular 应用程序，我有多个表单也有提交按钮，每当用户提交时我需要禁用按钮并在收到响应后启用它，我在同一页面中有多个表单所以按钮禁用/启用应该独立工作。

所以我想要的是在按钮和 http 响应之间创建一个映射来跟踪它，响应应该说明我必须启用哪个按钮。

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

提前致谢...

在我的模板中:

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

在我的 .ts 中

this.disabled = true;

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

Answer 1

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

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