javascript - 内容更改时如何进行 Angular 链接更新

Question

我正在使用angular-linkify ，这非常棒，但我遇到一个问题，如果我更新 linkify 的内容，它不会再次运行 linkify 过滤器。

<label linkify>{{item.text}}</label>

然后

item.text = item.text + 'more text';

...文本确实在 View 中更新，但未链接。

基于this question ，我尝试使用 scope.$watch(element.html, ...)和scope.$on('$stateChangeSuccess', ...)在指令的 link 中函数，但前者产生了错误，而后者没有被触发。

有什么想法吗？

Answer 1

我认为您可以使用 linkify 服务，如示例所示:https://github.com/scottcorgan/angular-linkify

首先将这两个服务注入(inject)到您的 Controller 中:linkify 和 $sce

然后，不要这样做:

item.text = item.text + 'more text';

尝试这样做:

item.text = $sce.trustAsHtml(linkify.twitter(item.text + 'more text'));