2

Ich versuche Validierung Nachricht in Form in Winkel 2 zu zeigen? Ich erhalte diesen Fehlerwie man validate Nachricht in Form in Winkel 2 anzeigen?

Kann nicht Eigentum 'hasError' undefinierter

gelesen habe ich diese Zeilen

<div *ngIf="username.hasError('required') && username.touched" 
      class="error-box"> username is required</div>  
     <div *ngIf="username.hasError('minlength') && username.touched" 
      class="error-box"> Minimum password length is 8!</div> 

hier mein Code https://plnkr.co/edit/slhySWT0mJXkloGK1kfO?p=preview

Antwort

2

Dies tun sollten, was Sie wollen :

<ion-input type="text" ngControl="username" #username="ngForm"></ion-input> 
<div *ngIf="username.errors?.required && username.touched" 
      class="error-box"> username is required</div>  
     <div *ngIf="username.errors?.minlength && username.touched" 
      class="error-box"> Minimum password length is 8!</div> 

+0

warum Fragezeichen Benutzernamen? – user944513

+0

dies ist elvis ('?') Operator, dies verhindert Wurffehler wenn die Variable nicht definiert ist –

+1

Sorry, falsche Position. 'Fehler' können' null' sein, 'Benutzername' nicht. Und ja, wie @PardeepJain erwähnt, ist dies um Fehlermeldungen zu vermeiden, wenn 'Fehler'' null' ist. '? .' heißt sichere Navigation oder Elvis-Operator, der nur den Ausdruck nach'?. 'auswertet, wenn der vorhergehende Teil nicht' null 'ist. –