如何以编程方式将Angular 2表单控件设置为脏？

Question

如何在我的代码中将Angular 2 Control标记为脏？

当我这样做时:

control.dirty = true;

我收到此错误:

Cannot set property dirty of #<AbstractControl> which has only a getter

Answer 1

你应该使用这个markAsDirty方法,如下所示:

control.markAsDirty();

这也将所有直接祖先标记为脏以维护模型.

文档链接

Answer 2

假设您从模板中调用该方法为：

<form #loginForm = "ngForm" (ngSubmit)="login(loginForm)"> ... </form>

在您的 login.component.ts 中，使用以下内容

login(loginForm : any) {
    //make sure that inputs are valid
    if (loginForm.invalid) { 
      Object.keys( loginForm.controls).forEach(key => {
       loginForm.controls[key].markAsDirty();
      });
      return;
    }
}