如何显示html标签集的字符串类型

Question

其实我是在做一个浏览文章的网站，问题是我从文章的api内容得到的数据是一个字符串类型的html标签集，但是每篇文章都不一样。而且，标签集合中有一些 ng-click 事件。如果我用ng-bind-html来显示这个数据类型，那么，ng-click事件就不能实现了。比如

"<p ng-click="open()">xxx</p><img ng-click="open()"/><iframe></iframe>"

当然一篇文章不能只有这些标签，它是由很多html标签组成的集合。 如果我使用指令，因为指令是单个示例，当我点击第一篇文章进入浏览器时，返回然后浏览第二篇文章，在文章详情页面中，文章的内容仍然是第一篇文章。

有人知道如何解决这个问题吗？

Answer 1

您可以使用$compile 服务来编译模板字符串中的角度指令。

//directive linkFn
scope.templateString = "<p ng-click="open()">xxx</p><img ng-click="open()"/><iframe></iframe>";

element.html(scope.templateString);
$compile(element)(scope);