angular 自定义过滤器>>截取字符串、去除字符串中的空格

最新推荐文章于 2024-05-14 00:41:07 发布

郭浩326

最新推荐文章于 2024-05-14 00:41:07 发布

阅读量8.4k

点赞数

分类专栏： angular

本文链接：https://blog.csdn.net/guohao326/article/details/77816462

版权

angular 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html ng-app="myApp">

<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="js/angular.min.js"></script>
</head>

<body ng-controller="myCtrl">


<div>
  <span>截取字符串:</span>
  <span>{{name|myfilter}}</span>
</div>
<div>
  <span>去除文字中的空格(文字中间和开头):</span>
  <span>{{urlstr|myurl}}</span>
</div>


<script type="text/javascript">
  var app = angular.module('myApp', []);
  app.controller('myCtrl', ['$scope',
    function($scope) {
      $scope.name = 'xiaoming;xiaobei';
      $scope.urlstr = ' ww w.baodu.com';
    }
  ]);

  /*  app.filter('myfilter',function(){
   return function(value){
   var num = value.indexOf(';')
   return value.substr(0,num);
   }
   });*/


  app.filter('myfilter', function() {
    return function(value) {
      return value =value.split(';')[0];
    }
  });
  app.filter('myurl', function() {
    return function(value) {
      return value = value.split(" ").join("");
    }
  });
</script>
</body>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

郭浩326

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
angular 自定义过滤器>>截取字符串、去除字符串中的空格

html>html ng-app="myApp">head> meta charset="UTF-8"> title>title> script src="js/angular.min.js">script>head>body ng-controller="myCtrl">div> span>截取字符串:span> span>{{name|myfilter}}
复制链接

扫一扫