2016-05-25 75 views
2

我想在角度2的窗體中顯示驗證消息?我收到此錯誤如何在角度2中顯示驗證消息?

無法讀取的不確定

財產「hasError」我說這些行

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

這裏是我的代碼 https://plnkr.co/edit/slhySWT0mJXkloGK1kfO?p=preview

回答

2

這應該做你想要什麼:

<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

抱歉,錯誤的位置。 「錯誤」可以是「空」,「用戶名」不是。是的,就像@PardeepJain提到的那樣,當'errors'爲'null'時避免錯誤信息。 ''.'被稱爲安全導航或Elvis運算符,當前部分不是'null'時,它只評估'?.'後面的表達式 –