2016-06-17 4 views
2

にボタンを提出することをどのように私は、フォーム上のこの単純なボタン再度有効angular2

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

を持って、それが提出複数避けるために、再び無効になりますが、どのサーバのエラーoccures(検証など)場合、それは私がどのように、無効になったまま提出もう一度有効にしますか?

答えて

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

"requestSent"や "succeeded"のようなコンポーネントのブール値プロパティにバインドしますが、フォームの有効性にはバインドしません。あなたは二重の

+0

を提出する任意のを防ぐことができますので、約束のコールバックで あなたは、それらを処理する約束コールバックで、それのいずれかの例があります? – noobProgrammer

関連する問題