javascript - 使用 $sce.trustAsHtml 后，ng-click 不起作用

Question

我正在尝试使用 Angular 将自定义 html 打印到屏幕上。我将 $sce.trustAsHtml 与 ng-bind-html 结合使用来完成此任务。目标不仅是能够打印此自定义 html，而且它将保留诸如 ng-click 之类的指令，并且它们将可用。我在以下文章中看到的示例很有希望:

AngularJS render HTML within double curly brace notation

然而，在我的实现中，我发现虽然 html 正确呈现，包括对 ng-click 的引用，但当尝试单击我正在使用它的链接时，该指令似乎不再起作用；这是一些示例代码:

$scope.htmlExpression = $sce.trustAsHtml("<a ng-click='test();'>Click Me</a>");

$scope.test = function() {
    console.log('Hello World!');
}

<div>
  <p ng-bind-html="htmlExpression"></p>
</div> 

由于一切都渲染得很好，并且在分析源代码时翻译中没有出现任何丢失；我感觉好像遗漏了一些东西。如有任何帮助，我们将不胜感激。

Answer 1

使用https://docs.angularjs.org/api/ngSanitize并绑定(bind)html。如果这不起作用，请使用 $digest 重新启动摘要周期。