angularJs,ionic字符串操作


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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM