假设我在模板URL中有此标记，来自模型的HTML注入了该URL（HTML基本上是<li>要点）：
<div ng-bind-html="accident.description.impact"></div>
该模型的一部分如下：
"cause":
"<ul>\n\
<li>\n\
<div><span inline-popover \n\
popover-html=\"Taper pour ouvrir la vue détaillée\" \n\
popover-placement=\"bottom\" \n\
popover-label=\"Larve de taupin\">Larve de taupin</span></div>\n\
</li>\n\
<li>Semences en cours de germination</li>\n\
</ul>",
如您所见，某些<li>包含用于打开弹出窗口的标记。
我的问题是，一旦注入了部分，就会从他的属性中切断该跨度。
任何的想法？
这里的问题是：ng-bind-html确实只是输出变量的内容。在这里，您需要的是$compiles使其他指令起作用的代码组件。
<div ng-compile-html="accident.description.impact"></div>
Javascript：
directives.directive("ngCompileHtml", function ($http, $compile)
{
return {
restrict: "A",
scope: {
"ngCompileHtml": "="
},
link: function (scope, element)
{
var template = angular.element(scope.ngCompileHtml);
$compile(template.contents())(scope);
$(element).append(template);
}
};
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句