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