如何在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);
}