Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 插入$compile-d html大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
(请注意,您不需要知道这个数据表的数据.)

我正在创建一个处理DataTables的指令.我想要做的是有一个带有两个图标的操作列 – 编辑和删除.这些图标应响应ng-click.

数据表允许您通过为给定的列定义提供回调来实现此目的(mRender).此回调返回该单元格值的html字符串,该字符串将插入DOM而不是实际单元格值.

查看此plunker.突出显示了两个重要功能

> renderActionIcon – 我上面提到的回调的实现.它会在单元格中生成我想要的HTML字符串.
> registerNewHtmlWithAngular – 我表面上让角度知道我需要为该列注册的ng-clicks的函数.

registerNewHtmlWithAngular应该怎么做?

如果$编译html,angular会添加相应的click事件侦听器并返回一个元素,但由于Datatables函数需要HTML,因此这些注册的元素不会添加到DOM中.

有任何想法吗?谢谢大家!

解决方法

经过一天的键盘敲击:

似乎没有办法将$编译成html并让它在DOM中可用.它必须是插入DOM的元素,以便事件侦听器不会丢失.

在这个特定场景中解决问题的方法是只插入HTML,然后在新的HTML上运行$compile.

使用fnCreatedRow回调,数据表可以很容易地实现这一点,在渲染一行之后,回调行的元素并让你用它做任何你想做的事情.在这种情况下,我在行上运行$compile并将其返回给Datatables.请参阅更新的plunker中的rowCompiler函数.

大佬总结

以上是大佬教程为你收集整理的angularjs – 插入$compile-d html全部内容,希望文章能够帮你解决angularjs – 插入$compile-d html所遇到的程序开发问题。

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

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