Question

我有这个简单的按钮

<button [disabled]="!f.form.valid " type="submit">
                            Submit
                         </button>

在表单提交时再次禁用以避免多次提交，但如果发生任何服务器错误（验证等），它将保持禁用状态，如何再次启用它？

Answer 1

@Component(...)    
export class Example{
...
private requestSent: boolean;
...


public sendRequest() {
   this.requestSent = true;
   this.someService.sendReq().then( response => {
    this.requestSent = false;
  })
}

}

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

Answer 2

将它绑定到组件中的任何布尔属性，例如＆＃34; requestSent＆＃34;或＆＃34;成功＆＃34;，但不是形式有效性。在承诺回调中，您将处理它们，因此您将阻止任何双重提交

如何在angular2中重新启用提交按钮

2 个答案: