NG绑定，HTML显示未关闭的标签

Z时代
2024-01-10
分类：问答

我想实现一些文本这凸显如果它们存在哪些内容的搜索字符的搜索功能。不过，我遇到了一些奇怪的情况，其中某些字符（<）未被显示。NG绑定，HTML显示未关闭的标签

在我的模板，我有：

<span ng-bind-html="action.text | highlight: search.criteria.text:(!search.excludeScenesAndActions && search.active)"></span>

这是我的过滤器：

filters.filter('highlight', function() { 
    return function (text, search, enabled, caseSensitive) { 
     if (typeof (enabled) === 'undefined') 
      enabled = true; 
     if (enabled && text && (search || angular.isNumber(search))) { 
      text = text.toString(); 
      search = search.toString(); 
      if (caseSensitive) { 
       return text.split(search).join('<span class="search-match">' + search + '</span>'); 
      } else { 
       return text.replace(new RegExp('(' + search + ')', 'gi'), '<span class="search-match">$&</span>'); 
      } 
     } else { 
      return text; 
     } 
     }; 
    } 
);