2016-06-17 4 views
2

У меня есть эта простой кнопкаКак включить кнопку отправки в angular2

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

на подчиненной форме отключает снова, чтобы избежать многократными представить, но повторно, если какое-либо возникновение ошибки сервера (проверка и т.д.) она остается отключена, как я могу включить его снова?

ответ

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» или «successed», но не к правильности формы. В обещании обратного вызова вы будете обращаться с ними, так что вы будете предотвратить любое двойной подачу

+0

есть ли пример этого в обещании обратного вызова ?? – noobProgrammer