Angular2表单验证错误

【问题标题】：Angular2 form validation errorAngular2表单验证错误
【发布时间】：2016-07-10 22:34:29
【问题描述】：

这是一个简单的形式：

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

当输入

问题：当您第一次输入字符时，会出现错误。输入第二个字符的那一刻，就会出现一大堆控制台错误

无法安静地理解为什么会发生这种情况。

在此处查看 plnkr：http://plnkr.co/edit/XUsUJzsc791oiuDDo0Pd?p=preview

【问题讨论】：

标签： angular

【解决方案1】：

我假设FormControl 不包含任何错误，fname.errors 是undefined。如果您输入了至少 2 个字符，就会出现这种情况。但是，ngIf 会定期评估，因此访问 minlength 或 undefined 会引发异常。

如果你像这样编辑你的 plunkr，代码可以工作：

*ngIf="fname.errors?.minlength"

【讨论】：