javascript - 如何在 Angular 中使用 $compile 将 HTML 导出到外部函数

Question

我遇到一个问题，无法将编译后的 HTML 发送到外部函数。如果我在 Angular 应用程序空间内完成所有操作，我就能做到。但是，当我将编译结果发送到外部函数时，它不再呈现。有人知道为什么这不起作用，或者更好的解决方案如何使其工作？

我的外部函数(存在于 Angular 应用程序之外)

<script>
  var ext = {};

  ext.addFunction(elem) {
    $('#eventListExtFunction').html(elem);
  }
</script>

我的指令(使用编译后的 HTML 调用外部函数)

var eventListElem = angular.element('<event-list-ext></event-list-ext>'),
    extElem = $compile(eventListElem)(scope);

// Add to external through function
ext.addFunction(extElem);

有关我要实现的目标的更多信息，请参阅此插件: http://plnkr.co/edit/HkCGFsBX751oPyXgzKEn?p=preview

Answer 1

检查你的语法。第三行有问题:

var ext = {};

ext.addFunction(elem) {
  $('#eventListExtFunction').html(elem);
}

什么时候应该是:

var ext = {};

ext.addFunction = function(elem) {
  $('#eventListExtFunction').html(elem);
}