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

Question

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

Answer 1

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

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

斯塔克闪电战

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