<td><input type="text" #txtSloc required class="form-control rightjustified" style='padding:0.15em'minlength="4" maxlength="4" name="sloc+{{i}}" [(ngModel)]="item.sloc" required [style.background-color]="item.consumedSlocInvalid ? '#F7C3C3':''"></td>
请注意以下几点：
<input>
- 元素带有一些HTML验证属性：
required和minlength。它还带有一个自定义的验证器指令forbiddenName。要了解更多信息，参见自定义验证器一节。
#name="ngModel"
- 把
NgModel导出成了一个名叫name的局部变量。NgModel把自己控制的FormControl实例的属性映射出去，让我们能在模板中检查控件的状态，比如valid和dirty。要了解完整的控件属性，参见 API 参考手册中的AbstractControl。
<div>
- 元素的
*ngIf揭露了一套嵌套消息divs，但是只在有“name”错误和控制器为dirty或者touched。
<div>
- 为其中一个可能出现的验证错误显示一条自定义消息。比如
required、minlength和forbiddenName。
官网地址：https://angular.cn/guide/form-validation
