标签：utf-8 tle search res html angular ges http type
前端处理使给定关键字在文本中高亮显示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>filterTest</title> </head> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> <body ng-app="myApp" ng-controller="myController"> <div ng-bind-html="textLight | highlight:‘高亮‘"></div> </body> <style> .pink{ background: #ddd; } </style> <script> var app = angular.module(‘myApp‘, []); app.controller(‘myController‘, function($scope) { $scope.textLight="这是高亮显示"; }); app.filter("highlight", function($sce){ return function(text, search){ if (!search) { return $sce.trustAsHtml(text); } var regex = new RegExp(search, ‘gi‘) var result = text.replace(regex, ‘<span class="pink">$&</span>‘); return $sce.trustAsHtml(result); }; }); </script> </html>
显示结果如下：
标签：utf-8 tle search res html angular ges http type
原文地址：http://www.cnblogs.com/huangxingquan/p/7598404.html
