filter如何在AngularJS中使用-创新互联

本篇文章为大家展示了filter如何在AngularJS中使用，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

创新互联建站主要业务有网站营销策划、成都网站设计、网站制作、外贸营销网站建设、微信公众号开发、小程序制作、H5场景定制、程序开发等业务。一次合作终身朋友，是我们奉行的宗旨；我们不仅仅把客户当客户，还把客户视为我们的合作伙伴，在开展业务的过程中，公司还积累了丰富的行业经验、全网整合营销推广资源和合作伙伴关系资源，并逐渐建立起规范的客户服务和保障体系。

一、格式化数字为货币格式。

{{money|currency:"$"}} 
{{money|currency:"RMB"}}

script：

app.controller("crl", function($scope, $filter) { 
    $scope.money="4545"; 
  });

显示为
filter如何在AngularJS中使用

二、lowercase 格式化字符串为小写。

姓名为 {{ lastName | lowercase }}

app.controller("crl", function($scope, $filter) { 
   $scope.lastName ="AAA"; 
});

显示为

aaa

三、uppercase 格式化字符串为大写。

姓名为 {{ lastName | uppercase }}

app.controller("crl", function($scope, $filter) { 
   $scope.lastName ="aaa"; 
});

显示为

AAA

四、filter 从数组项中选择一个子集。

{{array|filter:"s"}} 
{{item.name}}

app.controller("crl", function($scope, $filter) { 
    $scope.array = [ { 
      name : 'Tobias' 
    }, { 
      name : 'Jeff' 
    }, { 
      name : 'Brian' 
    }, { 
      name : 'Igor' 
    }, { 
      name : 'James' 
    }, { 
      name : 'Brad' 
    } ]; 
  });

显示为

[{"name":"Tobias"},{"name":"James"}] 
Tobias 
James

五、orderBy 根据某个表达式排列数组。

输入过滤器可以通过一个管道字符（|）和一个过滤器添加到指令中，该过滤器后跟一个冒号和一个模型名称。模型名字前加负号为降序，默认为升序

降序  {{item.name}}

app.controller("crl", function($scope, $filter) { $scope.array = [ { name : 'Tobias',age:"18" }, { name : 'Jeff',age:"19" }, { name : 'Brian',age:"19" }, { name : 'Igor',age:"55" }, { name : 'James',age:"19" }, { name : 'Brad',age:"19" } ,{ name : 'aaas',age:"19" }]; });

降序 Tobias 降序 Jeff 降序 James 降序 Igor 降序 Brian 降序 Brad 降序 aaas 升序 aaas 升序 Brad 升序 Brian 升序 Igor 升序 James 升序 Jeff 升序 Tobias

新网创想网站建设，新征程启航

filter如何在AngularJS中使用-创新互联

其他资讯