Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Angular2自定义组件 – 标记为原始且未触及大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在Angular 2.1中有一个模板驱动的表单,包含许多标准控件(< input>,< SELEct>等)和一个自定义控件,它本身包含多个输入元素.

我已经在自定义控件上实现了ControlValueAccessor,并且它正确地将其更改/触摸/有效值传播到父窗体.

但是..在父窗体上我有一个保存按钮,保存后我想清除脏/触摸状态(因为这会影响应用的css),如下所示:

save(myForm: NgForm) {

    myForm.form.markAsPrisTine();
    myForm.form.markAsUntouched();

}

这适用于顶级父窗体和自定义控件本身中的所有元素,但< input>自定义控件中的字段仍标记为已触摸/脏(并且接收预先保存的样式).

是否有一种方法可以在更改脏/触摸状态时通知自定义控件,以便它可以清除它的子< input>要匹配的元素?似乎如果< input>元素在自定义控件中,它们不会通过在父窗体上@L_730_13@markAsPrisTine / Untouched来更新.

谢谢!

尝试像这样添加控件[‘nameOfControl’] @H_773_5@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删除/重新添加表单.是的,这是一个小工作,直到他们可以修复:)

希望有所帮助

大佬总结

以上是大佬教程为你收集整理的Angular2自定义组件 – 标记为原始且未触及全部内容,希望文章能够帮你解决Angular2自定义组件 – 标记为原始且未触及所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。