Javascript 使用angularjs和$sce突出显示

Javascript 使用angularjs和$sce突出显示,javascript,angularjs,highlighting,Javascript,Angularjs,Highlighting,请看下图: 很好 现在,请看下图: 这对我不好 我需要首先强调以下陈述: 声明:as 然后发表以下声明: 声明:dad 它们都是突出显示的。怎么做 js代码: tableService.highlight = function (text, search) { if (!search) { return $sce.trustAsHtml(text); } v

请看下图:

很好

现在,请看下图:

这对我不好

我需要首先强调以下陈述:

声明:
as

然后发表以下声明:

声明:
dad

它们都是突出显示的。怎么做

js代码:

tableService.highlight = function (text, search) {
                if (!search) {
                    return $sce.trustAsHtml(text);
                }
                var trustAsHtml = $sce.trustAsHtml(text.replace(new RegExp(search, 'gi'), '<span class="highlightedText">$&</span>'));

                return trustAsHtml;
            };
  tableService.highlight = function (text, search) {
        if (!search) {
            return $sce.trustAsHtml(text);
        }
        var splitSearch = search.split(' ');
        $.each(splitSearch, function (index, value) {
            text = replaceAll(value, '#####$&~~~~~', text);
        });
        text = replaceAll('#####', '<span class="highlightedText">', text);
        text = replaceAll('~~~~~', '</span>', text);
        var trustAsHtml = $sce.trustAsHtml(text);
        return trustAsHtml;
    };
tableService.highlight=函数(文本,搜索){
如果(!搜索){
返回$sce.trustAsHtml(文本);
}
var trustAsHtml=$sce.trustAsHtml(text.replace(新的RegExp(搜索,'gi'),'$&'));
归还信托TML;
};
cshtml代码:

<td ng-hide="$index == tableService.choiseDeleteRecord ||$index==tableService.choiseUpdateRecord">
                <span ng-bind-html="tableService.highlight(newsCategory.NameFa, pagerService.search)"> {{newsCategory.NameFa}}</span>
            </td>
            <td class="direction-left" ng-hide="$index == tableService.choiseDeleteRecord ||$index==tableService.choiseUpdateRecord">
                <span ng-bind-html="tableService.highlight(newsCategory.NameFa, pagerService.search)"> {{newsCategory.NameEn}}</span>
            </td>

{{newsCategory.NameFa}}
{{newsCategory.NameEn}

我试过了,成功了。但我的代码可能不是最优的

如果你有更好的方法,请分享

js代码:

tableService.highlight = function (text, search) {
                if (!search) {
                    return $sce.trustAsHtml(text);
                }
                var trustAsHtml = $sce.trustAsHtml(text.replace(new RegExp(search, 'gi'), '<span class="highlightedText">$&</span>'));

                return trustAsHtml;
            };
  tableService.highlight = function (text, search) {
        if (!search) {
            return $sce.trustAsHtml(text);
        }
        var splitSearch = search.split(' ');
        $.each(splitSearch, function (index, value) {
            text = replaceAll(value, '#####$&~~~~~', text);
        });
        text = replaceAll('#####', '<span class="highlightedText">', text);
        text = replaceAll('~~~~~', '</span>', text);
        var trustAsHtml = $sce.trustAsHtml(text);
        return trustAsHtml;
    };
tableService.highlight=函数(文本,搜索){
如果(!搜索){
返回$sce.trustAsHtml(文本);
}
var splitSearch=search.split(“”);
$.each(拆分搜索、函数(索引、值){
text=replaceAll(值,'.'.'.'.$&~~~~~~~',text);
});
text=replaceAll(“,”,text);
text=replaceAll('~~~~','',text);
var trustAsHtml=$sce.trustAsHtml(文本);
归还信托TML;
};