通过ng-bind-html包含$编译代码

时间:2014-05-29 00:27:17

标签: angularjs

我有一个指令,它将“previewHTML”作为$ scope变量输入。我只是想将这个HTML插入到我的指令模板中的div中。

我一直在研究这个问题一周尝试使用ng-bind-html,{{}},$ sce,$ compile以及我能想到的所有方法;我不知道为什么这太难了。

我最接近的是使用$ rootScope创建一个范围。$ new(true),然后附加我需要的变量“newScope.value ='myvalue'”,然后使用$ compile编译预览HTML和在cloneAttachFn中(我假设它是完成编译时的回调)我设置了previewHTML范围变量,其包含为'< ... ng-bind-html =“previewHTML”>'

没有应用范围的html会很好,但是没有设置绑定。奇怪的是,在它们被设置的对象中,但在输出的HTML中它们不是;意味着元素已经创建,但绑定尚未设置。不幸的是,Angular不会在ng-bind-html中使用jquery HTML对象,即使它返回一个jquery对象以维护HTML中的绑定。

我现在不得不暂时使用超时...但是有没有人知道如何做这个非常基本的事情,包括在指令模板中有绑定的html(它必须来自$ scope)变量,或者至少是由指令用户在指令之外生成的)? [它甚至异步?文件令人沮丧地不清楚]

(老实说,我有成千上万行和一年的内容,我使用Angular越多,我宁愿使用普通的JS)

0 个答案:

没有答案