html过滤器 过滤器-内置过滤器.html

过滤器

var App = angular.module('App',[]);

// 在angular中使用过滤器格式化展示数据，在“{{}}”中使用“|”来调用过滤器，使用“:”传递参数

App.controller('DemoController',['$scope',function($scope){

$scope.price = 11.11;

$scope.now = new Date;

$scope.items=['C#','js','css'];

$scope.students = [

{name:'金香玉',age:28},

{name:'刀剑笑',age:30},

{name:'平十指',age:38},

];

$scope.str="Hello AngularJS";

$scope.num = '3.1415926';

$scope.numbers=[1,2,5,3,7,9,6];

}]);

{{price|currency}}{{price|currency:'￥'}}{{now|date:'yyyy-MM-dd hh:mm:ss'}}{{items|filter:'#'}}{{students|filter:{age:30} }}{{students|json}}{{items|limitTo:2}}{{items|limitTo:-1}}{{str}}{{str|lowercase}}{{str|uppercase}}{{num|number}}{{num|number:4}}{{numbers|orderBy}}{{numbers|orderBy|orderBy:'':true}}{{numbers|orderBy|orderBy:'':false}}{{students|orderBy:'age':true}}{{str|lowercase|limitTo:3}}

一键复制

编辑

Web IDE

原始数据

按行查看

历史

如果觉得《html过滤器 过滤器-内置过滤器.html》对你有帮助，请点赞、收藏，并留下你的观点哦！