2016-05-25 13 views

答えて

2

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

が私のコードでこれらの行を追加:

<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

なぜ疑問符のユーザー名? – user944513

+0

これはelvis( '?')演算子です。これは、変数が定義されていないときにスローエラーを防止します。 –

+1

位置が間違っています。 'errors'は' null'、 'username'はできません。そして、はい、@PardeepJainのように、これは 'errors'が' null'のときのエラーメッセージを避けるためです。 '?.'はセーフナビまたはエルヴィス演算子と呼ばれ、前の部分が' null 'でないときに '?.'の後の式だけを評価します。 –

関連する問題