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>
相关文章推荐
- 使用angularjs 去掉字符串最后的几个字符,从而实现trim的操作
- ionic开发——Angularjs页面渲染完成在执行指定操作的方法
- 字符串操作
- C++下操作字符串的超级容易类~~~~~
- 简单的数组操作字符串,加密可用
- C#中一些字符串操作的常用用法
- 字符串的操作效率
- C中对于字符串的操作总结
- C#中一些字符串操作的常用用法
- 使用java.lang.String和java.lang.BufferString操作字符串
- C语言的字符串操作
- JAVA与C++::关于JNI中文字符串操作问题总结
- C#中一些字符串操作的常用用法
- 与 C 样式字符串相关的 CString 操作(msdn)
- MFC中几个有用的字符串操作函数
- C#中一些字符串操作的常用用法
- 用数组操作字符串
- C#中一些字符串操作的常用用法
- 字符串操作
- C#中一些字符串操作的常用用法