您的位置:首页 > Web前端 > AngularJS

angularJs,ionic字符串操作

2017-01-05 10:34 549 查看

1、首先我们需要把一段“文本或字符串”中的我们想进行操作的“字符串”,“字”筛选出来,代码如下:

1 app.filter('replaceCode', function() {
2     return function(val,re) {
3         if (!val) vaangularJs,ionic,filter过滤器,字符串变色,字符串操作l = '';
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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息