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

Question

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

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

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

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

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

谢谢,
山姆

Answer 1

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

我更改了你的plunker,并注入了一个编译指令(从这里)

在这里看到它

这里的基本思想是动态编译从twitter feed生成的内容.

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