1、首先我們需要把一段“文本或字符串”中的我們想進行操作的“字符串”,“字”篩選出來,代碼如下:
1 app.filter('replaceCode', function() { 2 return function(val,re) { 3 if (!val) val = ''; 4 return val.replace(re, '<span style="color:#fd9602;">'+re+'</span>'); 5 } 6 });
2、下面我們可以在控制器中進行篩選操作
1 app.controller('appCtrl',['$scope','replaceCodeFilter', 2 function($scope,replaceCodeFilter){ 3 $scope.cg = function() { 4 //這里比如我們想過濾的是“東”字,$scope.name即為我們想進行過濾操作的一段字符串 5 $scope.replacedVal = replaceCodeFilter($scope.name,"東"); 6 console.log($scope.replacedVal); 7 }; 8 9 } 10
3、進行以上操作后我們就已經進行了操作,把“東”字轉換為我們定義的
'<span style="color:#fd9602;">'+re+'</span>',接下來就是要把文本轉換為“HTML”
1 app.filter('htmlContent',['$sce', function($sce) { 2 return function(input) { 3 return $sce.trustAsHtml(input); 4 } 5 }]);
4、頁面這樣使用就ok了
1 <span class="address wrap" ng-bind-html="replacedVal | htmlContent"></span>