Angular VARIED, database-dependent callback after render

在我的博客上，我希望能够有特定于每篇文章的交互式演示。因此，每篇文章既有其内容，又有示例演示，这些演示是要呈现到页面上的HTML。

到目前为止，没有问题。我创建了一个render_html指令：

angular.module("RenderHtml", []).directive("renderHtml", () -> {
  restrict: "A",
  scope: {
    renderHtml: "@"
  },
  link: (scope, element, attrs) -> {
    scope.$watch("renderHtml", (newVal) -> {
      element.html(newVal);
    });
  }
});

我这样调用它：

问题是，我希望这个HTML中嵌入并执行Angular代码。

因此，呈现的示例HTML将类似于：

  Etc

当页面呈现时，SpecificExampleCtrl将被加载，其init函数将运行，并且在点击该链接时，ng-click将运行。

（我已经接受了，即使我设法让它工作，也必须将ng_controller保存在应用程序中，但如果有人能想出一种在数据库中保存它的方法，我会非常高兴。）

总之，我的问题似乎与[这个](https://stackoverflow.com/questions/11953348/angularjs-callback-after-render-work-with-dom-after-render)和其他问题不同。

为了澄清我已经完成了什么 - HTML被呈现为HTML，但其中的Angular代码没有运行，尽管被调用的控制器在我的应用程序中存在。

对建议的回应中的编辑

angular.module("RenderHtml", []).directive("renderHtml", ($compile) -> {
  restrict: "A",
  scope: {
    renderHtml: "@"
  },
  link: (scope, element, attrs) -> {
    scope.$watch("renderHtml", (newVal) -> {
      element.html(newVal);
      $compile(eval(element));
    });
  }
});

（上述代码无法正常工作。它会呈现HTML，但不会评估Angular代码。）

编辑看起来我应该使用$eval而不是原始的eval，但是当我尝试在指令中注入它或调用它而不进行注入时，网站出错了，当我注入并使用类似功能的$parse时，整个Angular模板都没有呈现，也没有出现错误。

答案

最终这个方案可行：

angular.module("RenderHtml", []).directive("renderHtml", ($compile) -> {
  restrict: "A",
  scope: {
    renderHtml: "@"
  },
  link: (scope, element, attrs) -> {
    scope.$watch("renderHtml", (newVal) -> {
      linkFunc = $compile(newVal);
      element.html(linkFunc(scope));
    });
  }
});

编译HTML返回一个使用作用域作为参数的函数。