2
角度2でフォームに検証メッセージを表示しようとしていますか?私はこのエラーを取得しています角度2でフォームに検証メッセージを表示する方法は?
未定義
のプロパティ「hasError」を読み取ることができません私は、これはあなたが望む何をすべき https://plnkr.co/edit/slhySWT0mJXkloGK1kfO?p=preview
角度2でフォームに検証メッセージを表示しようとしていますか?私はこのエラーを取得しています角度2でフォームに検証メッセージを表示する方法は?
未定義
のプロパティ「hasError」を読み取ることができません私は、これはあなたが望む何をすべき https://plnkr.co/edit/slhySWT0mJXkloGK1kfO?p=preview
<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>
なぜ疑問符のユーザー名? – user944513
これはelvis( '?')演算子です。これは、変数が定義されていないときにスローエラーを防止します。 –
位置が間違っています。 'errors'は' null'、 'username'はできません。そして、はい、@PardeepJainのように、これは 'errors'が' null'のときのエラーメッセージを避けるためです。 '?.'はセーフナビまたはエルヴィス演算子と呼ばれ、前の部分が' null 'でないときに '?.'の後の式だけを評価します。 –