javascript - 如何在angularJS中等到$compile结束

Question

我正在加载一个模板，然后使用 $compile 对我的范围进行编译服务。

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

然后在弹出窗口中使用它

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

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

在弹出窗口中使用模板之前，如何确保 angular 已完成模板的编译？

编辑 : 我试图强制 Angular 为 $apply()在创建弹出框之前，它确实可以工作，但会生成我无法接受的 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
  });
});

Reference to Angular documentation about $compile usage