On按钮首先禁用该按钮，然后在Angular7中执行维修呼叫

我被赋予了一项禁用按钮的任务。现在，单击该按钮[Approve/Reject]进行Rest API服务调用，因此基本上是在单击按钮的那一刻，禁用它，然后执行后端服务调用。下面是按钮的UI代码：

我是UI新手，因此需要更好的方法来完成上述任务。有人能帮帮我吗。由于我们在应用程序中使用了Angular代码，所以与Angular 6/7相关的响应将非常有用

代码

批准

您可以使用[禁用]

下面是一个简短的闪电战：

导出类组件{
waitingForResponse=false；
批准（对象：字符串）：作废{
this.waitingForResponse=true；
//假货
设置超时（（）=>{
this.waitingForResponse=false；
}, 3000);
}
}
批准

您可以使用[禁用]

下面是一个简短的闪电战：

导出类组件{
waitingForResponse=false；
批准（对象：字符串）：作废{
this.waitingForResponse=true；
//假货
设置超时（（）=>{
this.waitingForResponse=false；
}, 3000);
}
}
批准

谢谢你，伊曼纽尔。。无论你在代码链接中分享了什么，这正是我想要的。但是有一个小问题，在我现有的代码中已经使用了一个禁用的属性：：Approve。这个obj.approveDisabled用于其他功能..你能用其他方法吗？也许你可以在等待API响应时将approveDisabled=true，将两者结合起来。即使我也尝试了相同的方法，是的，我知道这会起作用。。但是这个approvedDisabled有它自己的功能。。所以我不想弄乱一些现有的功能。这就是为什么我们在寻找一种替代残疾人的方法。如果你知道其他的方法，一定要告诉我。谢谢你，伊曼纽尔。。无论你在代码链接中分享了什么，这正是我想要的。但是有一个小问题，在我现有的代码中已经使用了一个禁用的属性：：Approve。这个obj.approveDisabled用于其他功能..你能用其他方法吗？也许你可以在等待API响应时将approveDisabled=true，将两者结合起来。即使我也尝试了相同的方法，是的，我知道这会起作用。。但是这个approvedDisabled有它自己的功能。。所以我不想弄乱一些现有的功能。这就是为什么我们在寻找一种替代残疾人的方法。如果你知道其他的方法，一定要告诉我。

<button class ="btn btn-primary" (click)= "approve(obj)"> Approve </button>

export class FooComponent {
  waitingForResponse = false;

  approve(obj: string): void {
    this.waitingForResponse = true;
    //fakeAPICall
    setTimeout(() => {
      this.waitingForResponse = false;
    }, 3000);
  }
}

<button class="btn btn-primary" [disabled]="waitingForResponse" (click)="approve('test')"> Approve </button>