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

时间:2013-06-27 12:51:55

标签: angularjs angularjs-filter

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

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

我很确定这个问题与$compile()有关 - 我之前遇到过类似问题 - 但我不知道何时何地可以调用它。

我创建了一个Plunkr,它是我所追求的精简版。顶部的链接未动态加载并激活alertUrl()函数,但过滤器生成的所有链接都失败。

我可能错过了一些非常简单的东西,但现在一直困扰着我,所以任何帮助都会受到大力赞赏。

谢谢,
萨姆

1 个答案:

答案 0 :(得分:16)

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

我更改了你的plunker,并注入了一个编译指令(来自here

在行动here

中查看

这里的基本思路是动态编译从twitter Feed生成的内容。

<p compile="tweet.text | convertLinks"></p>
相关问题