html - 插入带有应该运行的脚本的 HTML

Question

此应用程序的一部分从服务器获取需要显示为实时 HTML 的 HTML。使用 ng-bind-html-unsafe="expression" 指令(至少在 Angular 1.0.2 中)很容易做到这一点。

但是，HTML 也有应该运行的 JavaScript，因为它定义了 HTML 中使用的函数，而使用指令似乎不会发生这种情况。

是否有一些 Angular 风格的方法可以做到这一点？或者我是否需要探索带外脚本加载技术？

(请不要讨论我是否应该足够信任服务器以运行它发送给我的 java 脚本。我确实信任服务器，我知道风险，这是一种非常特殊的情况。)

Answer 1

我可以提出我的变体。首先你应该创建指令:

app.directive('html', [ function () {
  return {
    restrict: 'A',
    link: function (scope, element, attrs) {
      element.html(attrs.html);
    }
  }
}]);

然后你就可以在标签内使用了。

<div html="{{code}}"></div>