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

时间:2018-11-30 17:15:36

标签: angular angular-reactive-forms angular-forms

当我的html在Angular 2中呈现时,如果它们出现错误,如何将所有表单控件设置为错误状态?为了澄清此示例代码中只有一个下拉列表。表单加载时为非红色/不需要消息。如果我打开下拉菜单,然后在未进行任何选择的情况下在外部单击,则发生红色魔术,并且看到错误消息。当表单首次呈现时,我需要它处于错误状态/红色并带有错误消息。我想我需要在某个地方的控件上设置错误状态。只是不知道在哪里和如何。请指教。代码如下 https://stackblitz.com/edit/angular-error-initial

1 个答案:

答案 0 :(得分:3)

通过在markAsTouched()中调用ngAfterViewInit,以编程方式将控件设置为触摸状态

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

Stackblitz

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