Angular 5添加错误消息

Question

我的观点中有这个代码：

<div layout-gt-xs="row">
    <mat-form-field>
      <input matInput #inputstate class="form-control" placeholder="Username" [(ngModel)]="data.account.username"
             name="username" required>
      <mat-error *ngIf="formControl.invalid">{{getErrorMessage()}}</mat-error>
    </mat-form-field>
</div>

我有服务器的请求，我有自定义验证器。在某些情况下，我有错误响应，我应该显示错误消息。问题是UI上不显示此错误消息。用于定义表单控件的代码：

formControl = new FormControl('', [
    Validators.required
]);

与向表单控件添加错误相关的代码：

stopEdit(): void {
this.userService.update(this.data).subscribe(
  data => console.log("data"),
  error => {
    console.log(error);
    this.formControl.setErrors({'username': true});
    this.formControl.updateValueAndValidity();
  }
);
}

通过调试，我检查了表单控件中的状态是无效的。但是不执行getErrorMessage（）方法。有什么想法吗？