Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 在另一个指令中转换指令时,不会显示验证消息大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
为了减少html验证的样板代码,我正在编写两个指令:一个用于模板化,另一个用于验证…两个指令都按预期工作,而 angularjs验证类确实附加到无效的输入标签,只有我面临验证的问题作为模板指令一部分的消息未显示. PLUNKER LINK

问题似乎与编译子元素的方式有关:

element.replaceWith($compile(templatE)(scopE));

这应该是用父元素编译,但如何做到这一点?

解决方法

是的,你是对的,问题确实存在

element.replaceWith($compile(templatE)(scopE));

你在编译它后把元素放在dom上,你正在反向,因此ngmodel没有改变连接本身到父窗体.

你在做什么是:

1. create & compile element
2. place it in dom

因为元素在进入dom之前已经被编译了..它永远不会知道它的父形式,因此不会将自己链接到父元素.

步骤的顺序应该是:

1. create an element,2. place it in dom 
3. compile it. // Now it will have a chance to hook up to the parent

所以你应该做的是:

var el =angular.element(templatE);
   element.replaceWith(el);
   $compile(el)(scopE);

检查plunker链接http://plnkr.co/edit/hwyuuzeAnu5oBQqmmpR3?p=preview

大佬总结

以上是大佬教程为你收集整理的angularjs – 在另一个指令中转换指令时,不会显示验证消息全部内容,希望文章能够帮你解决angularjs – 在另一个指令中转换指令时,不会显示验证消息所遇到的程序开发问题。

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

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