Angularjs实现搜索关键字高亮显示效果

angularjs^1.2.9

$scope.myData ='

 $scope.myDataCp = angular.copy($scope.myData);

 $scope.key ='';

 $scope.searchKey =function() {

 if($scope.key !='') {

 searchHighLight($scope.key);

 }

 }

 functionsearchHighLight(key) {

 var_element = angular.element($scope.myDataCp);

 nodeRecursion(_element[0],key);

 var_htmlStr = _element[0].innerHTML.toString();

 _htmlStr = _htmlStr.replace(/_1000px_/g,'').replace(/_xp0001_/g,'');

 $scope.myData = _htmlStr;

 }

 //循环遍历替换所有文本节点内容

 functionnodeRecursion(e, key) {

 varreg =newRegExp(key,'g');

 var_count = e.childNodes.length;

 for(var_i=0; _i < _count; _i++) {

 if(e.childNodes.item(_i).nodeType == 3) {

 var_str = e.childNodes.item(_i).data;

 if(_str.indexOf(key)!=-1) {

 _str = _str.replace(reg,'_1000px_'+key+'_xp0001_');

 }

 e.childNodes.item(_i).data = _str;

 }else{

 nodeRecursion(e.childNodes.item(_i), key);

 }

 }

 }