Angular2如何获取表单的错误消息？

Question

我希望在组件的功能中获取错误消息，而不是在模板中显示它们：

<p [hidden]="!name.control.errors.required" *ngIf="name?.control?.errors?.required">name is required</p>

如何在Component的功能中获取表单的错误消息？

Answer 1

如果您可以访问与输入相关联的控件，则可以执行相同的操作：

@Component({
  template: `
    <form>
      <input [ngFormControl]="control"/>
    </form>
    <div (click)="showError()">Show error</div>
  `
})
export class MyComponent {
  constructor() {
    this.control = new Control('', Validators.required);
  }

  showError() {
    if (this.control.errors.required) {
      // Have the required error
    }
  }
}