我在Angular 2.1中有一个模板驱动的表单,包含许多标准控件(< input>,< select>等)和一个自定义控件,它本身包含多个输入元素.
我已经在自定义控件上实现了ControlValueAccessor,并且它正确地将其更改/触摸/有效值传播到父窗体.
但是..在父窗体上我有一个保存按钮,保存后我想清除脏/触摸状态(因为这会影响应用的css),如下所示：
save(myForm: NgForm) {
myForm.form.markAsPristine();
myForm.form.markAsUntouched();
}
这适用于顶级父窗体和自定义控件本身中的所有元素,但< input>自定义控件中的字段仍标记为已触摸/脏(并且接收预先保存的样式).
是否有一种方法可以在更改脏/触摸状态时通知自定义控件,以便它可以清除它的子< input>要匹配的元素？似乎如果< input>元素在自定义控件中,它们不会通过在父窗体上调用markAsPristine / Untouched来更新.
谢谢！
尝试像这样添加控件[‘nameOfControl’]
myForm.form.controls['nameOfControl'].markAsPristine();
上面的代码仅适用于表单控件.
以下似乎是一个很好的工作：
active = true;
newModel() {
this.model = new yourModel(2,'',true,'');
this.active = false;
setTimeout(() => this.active = true,0);
}
使用新模型重置表单并恢复’pristine’类状态.
通过切换’active’标志将导致通过NgIf删除/重新添加表单.是的,这是一个小工作,直到他们可以修复:)
希望有所帮助
