当前位置: 首页 > 面试题库 >

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

后学
2023-03-14
问题内容

我刚开始接触Angular,但过去几周一直在使用它,并且设法解决了我遇到的大多数问题。然而,这让我感到难过。

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

我很确定问题与该问题有关$compile()-以前也有类似问题-但我不知道何时何地调用它。

我创建的Plunkr是我所追求的精简版本。顶部的链接未动态加载,因此alertUrl()可以正常执行该函数,但过滤器生成的所有链接均失败。

我可能错过了一些非常简单的内容,但现在已经困扰了我一段时间,因此,我们将不胜感激任何帮助。

谢谢
山姆


问题答案:

嗯,您的观点是正确的,您需要为angularjs编译发出的html \ content才能解决警报功能。

我已经更改了您的插件,并注入了一个编译指令(从此处开始)

看到它在这里行动

这里的基本思想是动态编译从Twitter feed产生的内容。

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


 类似资料:
  • 问题内容: 我有一些要从json文件加载的html数据。 我通过在应用程序中使用ngSanitize并使用ng-bind-html来显示此html数据。 现在我想从标准转换json blob中的任何链接 至: 。 所以我在json文件上做了一些regExp来转换链接,但是出于某种原因,但是ng-bind-html过滤掉了ng- click的输出,我不知道为什么。是否应该这样做,如果可以,可以禁用此

  • 我需要在每个响应中添加标题。我正打算在下面做 我想在之后这样做,以便一旦控制器处理它,我只是在返回客户端之前添加标头。是正确的吗? 但如何编写响应过滤器? 在已返回,对响应执行任何操作都为时已晚。此时,整个响应已经发送到客户端,您的代码无法访问它。 我觉得上面的说法不对。我不能在过滤链之后添加标题。doFilter(请求、响应)?如果不是,为什么? 我使用的是spring mvc。

  • 问题内容: 我正在尝试工作如何使用ngClick添加类。我已经上传了我的代码到plunker 这里点击。查看角度文档,我不知道应该怎么做。以下是我的代码片段。有人可以指引我正确的方向 控制者 问题答案: 您只需要将变量绑定到指令“ ng-class”,然后从控制器进行更改即可。这是如何执行此操作的示例: 这是在jsFiddle上工作的示例

  • 问题内容: 我想做一些我不知道的事 JS 我想将ng-click事件放在ng- grid中的一行上,我已经了解了一下这个想法,但是我真的不知道是否有可能,如果可以,那是否是正确的方法去做。在这段代码中,这对我来说似乎很好,该应用程序不会启动警报,是否有任何建议或想法? 这是矮人http://plnkr.co/edit/U6wdWTAV30HRhJk8xFPA?p=preview 问题答案: 这些定

  • 问题内容: 因此,如果我有一个带有100 li的ul,则每个li都应该有ng- clicks或是否有办法将事件绑定到ul并将其委派给li的jquery的工作方式?这会好还是坏?我们有100个事件,还是最后只有一个事件? 问题答案: 似乎angular并没有使用中继器进行事件委派。有人在github上发布了一个关于它的问题。争论在于它是否实际上会带来更好的性能。 可能有解决方法,但需要jQuery。

  • 问题内容: 我正在尝试创建一条指令,该指令允许将元素定义为可点击或不可点击,并且将被定义为: 我希望生成的HTML是: 我的指令实现如下所示: 我可以看到,添加新属性后,Angular不了解,因此不会触发。我尝试在设置属性后添加一个,但它会导致无限的链接/编译循环。 我知道我可以只检查函数中的值是否为,但是我很好奇如何动态添加事件来执行此操作,因为我可能需要使用多个其他指令来执行此操作,而我不想这