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

Question

我有这个简单的按钮

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

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

Answer 1

将其绑定到组件中的任何布尔值属性，例如 "requestSent" 或 "succeeded"，但不绑定到表单有效性。在承诺回调中，您将处理它们，因此您将防止任何双重提交

Answer 2

@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>

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

How to re enable submit button in angular2

angular2-forms

angular