Anzeige Fehlermeldung im Formular, wenn die Nachricht nicht leer ist winkel 2

Question

Ich habe ein Formular registrieren und ich möchte eine Fehlermeldung auf dem Formular anzeigen, falls etwas schief gelaufen ist.

In meiner .ts-Datei, habe ich den folgenden Code: -

onSubmit(email, password, name, surname, username, homephonenumber, mobilenumber){ 
this._userService.register(email, password, name, surname, username, homephonenumber, mobilenumber) 
    .subscribe((result) => { 
    if (result.success == "True") { 
     //this._userService.login(email, password); 
    } 
    else 
    { 
     this.errorMessage = result.message; 
    } 
}); 

}

Und in meiner Form habe ich folgendes: -

<div class="alert alert-danger" ng-if="{{errorMessage}}"></div> 

Dies wirft ein Fehler in der Konsole: -

Can't bind to 'ng-if' since it isn't a known property of 'div' 

Wie kann ich die Fehlermeldung anzeigen lassen?

Vielen Dank für Ihre Hilfe und Zeit.

Answer 1

ng-if ist angularjs Syntax. Für Winkel 2 Änderung es zu:

<div class="alert alert-danger" *ngIf="errorMessage"></div> 

Angular 2 template docs: link