angularjs自定义指令实现过滤和关键字标红

最新推荐文章于 2024-06-28 11:38:51 发布

大瑞归来。

最新推荐文章于 2024-06-28 11:38:51 发布

阅读量725

点赞数

分类专栏： angularJs

本文链接：https://blog.csdn.net/weixin_35549724/article/details/84665654

版权

angularJs 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

 <input  type="text"  placeholder="过滤字符串" ng-model="rpattern"    >
 <p ng-repeat="log in resultLogs  | filter:pattern  track by $index"  >
             <span ng-bind-html ="log |  lineHightFont:rpattern"></span>
 </p>


.filter('lineHightFont',['$sce',function($sce){
        return function(content,match) {
            if(match){
                var contentHtml = content.replace(new RegExp(match,'g'),"<strong class='highlightLog'>"+match+"</strong>");
                return contentHtml;
            }else{
                return content
            }  
        }
    }])