ng-bind-html with ng-sanitize' 链接输出标签作为字符串

Question

如果我尝试将 ng-sanitize 的 linky 过滤器与 ng-bind-html 指令一起使用，它将转换初始字符串

Well, <b>this is bold</b>, but this should become link http://www.example.com Lets test it!

将 link 转换为 html link，但没有粗体文本 - 它将输出为包含标签的文本。

这里是[DEMO]

我的问题是如何得到粗体文本和普通文本的结果 html link 如果最初我有一些文本被标签包围的字符串和看起来像 link??

Answer 1

Plunkr Demo

您可以编写一个自定义过滤器来完成 linky 的工作，然后将标签放回...（这可能不是超级稳健，我也不是最擅长正则表达式的，但是如果它适用于您需要它的一切，然后它就完成了工作。）

module.filter('linkyWithHtml', function($filter) {
  return function(value) {
    var linked = $filter('linky')(value);
    var replaced = linked.replace(/\&gt;/g, '>').replace(/\&lt;/g, '<');
    return replaced;
  };
});

用法：

<div ng-bind-html="expr | linkyWithHtml"></div>

ng-bind-html with ng-sanitize' 链接输出标签作为字符串

ng-bind-html with ng-sanitize' linky output tags as strings

angularjs

ng-bind-html

ngsanitize