即使在输入值之后,Angular 2文本框还需要validation消息

我的要求

我需要在输入值后从文本框中隐藏所需的错误消息

我做了什么

我创建了一个表单,用户可以通过单击添加按钮添加动态字段,因为会有文本框,单击该文本框时会显示一个模式,在用户输入后它会有几个字段他们将在模态中按下按钮的模态中具有值的字段将获得值并将其显示在模态页脚内的预标签中,使用jquery从前标签获取文本并将文本应用于文本框字段在按钮上单击模态页脚

问题

即使在使用jquery从pre标签粘贴值之后,仍然会获得错误消息如何摆脱它

这是我的代码供您参考

 
Please Select a Rule

Jquery代码从模态中获取值并在onclick弹出模式时将其应用于同一文本框

 var idz, valz; $(document).ready(function () { $(document).delegate('#getRuleStr', 'click', function () { console.log("hey"+idz); $('#'+idz).val($('#preTag').text()); }); $(document).delegate('.rulez', 'click', function () { idz = this.id; valz = $('#' + idz).val(); console.log("inn" + valz); $('#builder').queryBuilder('reset'); $('#resultRule').addClass('hide').find('pre').empty(); }); }); 

请帮我解决这个问题

据我所知,您需要在修改值后在输入上发出change事件,以使Angular2 Forms更新其状态。

在Angular2中,通常更好的是更新模型并从视图绑定到它以更新视图以反映Angular2的模型,而不是直接使用jQuery搞乱DOM。