Angular2フォーム検証エラー

Question

はsimplistist形式です：

<form [ngFormModel]="myForm"> 
     <input type="text" [ngFormControl]="fname" placeholder="First Name"/> 
     <div *ngIf="fname.errors.minlength">First name should be atleast 2 characters</div> 
     </form> 

時に入力< 2文字

問題、それはエラーが表示されます： あなたの文字の最初のタイプ、エラーショーアップ。 2番目の文字を入力すると、コンソールエラーがたくさんあります。

これがなぜ起こっているのかを静かに理解できません。

はplnkrここを参照してください：http://plnkr.co/edit/XUsUJzsc791oiuDDo0Pd?p=preview

Answer 1

FormControlにエラーが含まれていない場合、私は仮定し、fname.errorsがundefinedです。これは少なくとも2文字を入力した場合に当てはまります。ただし、ngIfは定期的に評価されるため、minlengthにアクセスすると、undefinedが例外をスローします。

あなたはこのようなあなたのplunkrを編集すると、コードは動作します：

*ngIf="fname.errors?.minlength"