
正文
angularJs,ionic字符串操作
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
1、首先我们需要把一段“文本或字符串”中的我们想进行操作的“字符串”,“字”筛选出来,代码如下:
app.filter('replaceCode', function() {
return function(val,re) {
if (!val) val = '';
return val.replace(re, '<span style="color:#fd9602;">'+re+'</span>');
}
});
2、下面我们可以在控制器中进行筛选操作
app.controller('appCtrl',['$scope','replaceCodeFilter',
function($scope,replaceCodeFilter){
$scope.cg = function() {
//这里比如我们想过滤的是“东”字,$scope.name即为我们想进行过滤操作的一段字符串
$scope.replacedVal = replaceCodeFilter($scope.name,"东");
console.log($scope.replacedVal);
};
}
3、进行以上操作后我们就已经进行了操作,把“东”字转换为我们定义的
'<span style="color:#fd9602;">'+re+'</span>',接下来就是要把文本转换为“HTML”
app.filter('htmlContent',['$sce', function($sce) {
return function(input) {
return $sce.trustAsHtml(input);
}
}]);
4、页面这样使用就ok了
<span class="address wrap" ng-bind-html="replacedVal | htmlContent"></span>







