2016-06-17 5 views
2

ich diese einfache SchaltflächeWie aktivieren erneut Absenden-Button in angular2

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

auf Formular eintragen deaktiviert wieder zu vermeiden, mehrere einreichen, aber wenn alle Serverfehler occures (Validierung etc.) es bleibt deaktiviert haben, wie kann ich tun wieder aktivieren?

Antwort

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

Binden Sie es an eine beliebige boolesche Eigenschaft in Ihrer Komponente wie "requestSent" oder "succeeded", aber nicht an die Formgültigkeit. In Versprechen Rückruf Sie werden sie handhaben, so dass Sie jede Doppel Absenden

+0

ist es ein Beispiel dafür In Versprechen Rückruf verhindern ?? – noobProgrammer