如何在Angular中获得像minLength这样的验证错误？

Question

我正在使用Angular，并且我尝试获取此错误“必须更长！”使用minLength，但我不知道如何。 （无效无效）。

.html文件

<form [formGroup]='form'>
    <div class="form-group">
        <label for="username">Username</label>
        <input 
            formControlName ='username'
            id="username" 
            type="text" 
            class="form-control">
        <div 
            *ngIf="username.touched && username.invalid"
            class="alert alert-danger">
            a name is required!
        </div>
        <div 
            *ngIf="username.hasError('minLength')"
            class="alert alert-danger">
            must be longer!
        </div>
    </div>

.ts文件

export class SignupFormComponent {
  form= new FormGroup({
    username: new FormControl('',[ Validators.minLength(5), Validators.required ]),
    password: new FormControl('',Validators.required)
  })
  get username()
  {
   return this.form.get('username');
  }
}