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;
}
};
}
);
,我遇到的问题是在模板中ng-bind-html,如果我的文字是例如<foo>bar <foo ,它将显示为bar,因为我试图呈现<foo>和<foo标记。我试图给我们ng-bind伟大的工程,但是我想实际渲染<span>即是