angular 2 如何在表单控件上设置初始错误状态

Question

当我的 html 在 Angular 中呈现时 2 如果所有表单控件出错，我如何将它们设置为错误状态？在此示例代码中澄清一下，只有一个下拉菜单。当表单加载时，它是非红色的/不需要消息。如果我打开下拉菜单，然后在不进行任何选择的情况下单击外部某处，那么红色魔法就会发生，我会看到错误消息。我需要它在第一次呈现表单时出现错误 state/red 并显示错误消息。我想我需要在该控件的某处设置错误状态。只是不知道在哪里以及如何。请指教。代码如下 https://stackblitz.com/edit/angular-error-initial

Answer 1

通过在 ngAfterViewInit

中调用 markAsTouched() 以编程方式将您的控件设置为触摸

ngAfterViewInit(){
    this.animalControl.markAsTouched();
  }

Stackblitz

https://stackblitz.com/edit/angular-error-initial-atr11t?embed=1&file=app/select-hint-error-example.ts

angular 2 如何在表单控件上设置初始错误状态

angular 2 how to set initial error state on form controls

angular

angular-reactive-forms

angular-forms