正在验证模糊或任何其他事件的angular2控件

import { Component } from '@angular/core';
import { FormControl, Validators } from '@angular/forms';

@Component({
  selector: 'app-validation',
  template: `
    <form>
      <label>
        输入内容：
        <input type="text" [formControl]="inputControl">
      </label>
      <div *ngIf="inputControl.invalid && (inputControl.dirty || inputControl.touched)">
        <div *ngIf="inputControl.errors.required">
          输入内容不能为空。
        </div>
        <div *ngIf="inputControl.errors.minLength">
          输入内容长度不能少于{{ inputControl.errors.minLength.requiredLength }}个字符。
        </div>
        <div *ngIf="inputControl.errors.maxLength">
          输入内容长度不能超过{{ inputControl.errors.maxLength.requiredLength }}个字符。
        </div>
      </div>
    </form>
  `,
})
export class ValidationComponent {
  inputControl = new FormControl('', [Validators.required, Validators.minLength(3), Validators.maxLength(10)]);
}