美文网首页
AngularJs 过滤和过滤器

AngularJs 过滤和过滤器

作者: 报告老师 | 来源:发表于2017-11-04 20:51 被阅读15次

对于纯粹的过滤输出,可以直接在输出表达式添加“管道”字符。

例:<p>{{x | uppercase}}</p>

angularjs提供了以下几种默认的过滤器:

1.uppercase:跟js的toUpperCase方法一样,将输出的结果转化成大写然后输出

2.lowercase:跟js的toLowerCase方法一样,将输出的结果转化成小写然后输出

3.currency:将数字结果格式化成货币格式

4.orderBy:通常用于对象的排序,和表达式一同为数组排列

用例:

<div ng-app=“filterApp” ng-controller=“fiterCtrl”>

<p ng-repeat=“x in names | orderBy:id”></p>

<script>

var app = angular.module(“filterApp”,[]);

app.controller(“filterCtrl”,function($scope){

$scope.pepole= [{id:”101”,name:”xzh”},{id:”102”,name:”lover”}]

});

</script>

根据id的数字先后顺序输出xzh和lover两个对象

相关文章

网友评论

      本文标题:AngularJs 过滤和过滤器

      本文链接:https://www.haomeiwen.com/subject/jheqmxtx.html