在过滤器中添加 ng-click 事件答案

【问题标题】：Adding an ng-click event inside a filter在过滤器中添加 ng-click 事件
【发布时间】：2013-06-24 23:40:57
【问题描述】：

我对 Angular 还很陌生，但过去几周我一直在使用它，并设法解决了我遇到的大部分问题。然而，这个让我很难过。

我有一个应用程序可以从 Twitter 中提取推文，然后 - 使用角度过滤器 - 提取所有 url 并将它们设置为链接。这部分工作正常，但客户认为来自 Twitter 的链接不安全，因此他们希望在每次点击链接时触发免责声明。很简单——我劫持了链接并将href 换成了ng-click="openLink('url')"。这就是问题所在 - ng-click 不起作用。

我很确定这个问题与 $compile() 有关 - 我以前也遇到过类似的问题 - 但我不知道何时何地打电话。

我创建了一个Plunkr，这是我所追求的精简版。顶部的链接不是动态加载的，并且可以很好地触发alertUrl() 函数，但是过滤器生成的所有链接都失败了。

我可能遗漏了一些非常简单的东西，但它已经困扰了我一段时间，所以任何帮助都将不胜感激。

谢谢，
山姆

【问题讨论】：

链接总是显示在最后吗？

标签： angularjs angularjs-filter

【解决方案1】：

你是正确的，你发出的 html\content 需要为 angularjs 编译以解决警报功能。

我已经改变了你的 plunker，并注入了一个编译指令（来自here）

查看实际操作here

这里的基本思想是动态编译从 twitter 提要产生的内容。

<p compile="tweet.text | convertLinks"></p>

【讨论】：

该指令的链接不再存在。