如何在angularJS中等到$ compile结束

Question

我正在加载一个模板,然后使用$compile服务将其编译到我的作用域.

var template = "<div> .. {{someCompilingStuff}} ..</div>";
var compiled = $compile(template)(cellScope);

然后在弹出窗口中使用它

cellElement.popover({
    html: true,
    placement: "bottom",
    trigger: "manual",
    content: compiled
});

我的模板非常复杂,可能需要一些时间来编译.

在弹出框中使用之前,如何确保角度已完成编译模板？

编辑:我尝试$apply()在创建弹出窗口之前强制使用angular ,它确实有效但生成javascript错误,这对我来说是不可接受的.

Answer 1

$compile允许您使用所谓的克隆附加功能,该功能允许您将元素附加到文档.以下是您可以使用的示例:

var template = "<div> .. {{someCompilingStuff}} ..</div>";
var compiled = $compile(template)(cellScope, function (clonedElement) {
  cellElement.popover({
    html: true,
    placement: "bottom",
    trigger: "manual",
    content: clonedElement
  });
});

关于$ compile使用的Angular文档的引用