AngularJS过滤器(Filters)
来源:互联网 发布:全本天庭淘宝店txt下载 编辑:程序博客网 时间:2024/06/07 03:36
过滤器的作用是格式化数据.
过滤器包含:
currency
date
filter
json
limitTo
lowercase
number
orderby
uppercase
使用方法:
1. 在表达式中添加过滤器
<div ng-app="myApp" ng-controller="personCtrl"><p>The name is {{ lastName | uppercase }}</p></div><script>angular.module('myApp', []).controller('personCtrl', function($scope) { $scope.firstName = "John", $scope.lastName = "Doe"});</script>
<div ng-app="myApp" ng-controller="namesCtrl"><p>Looping with objects:</p><ul> <li ng-repeat="x in names | orderBy:'name'"> {{ x.name + ', ' + x.country }} </li></ul></div><script>angular.module('myApp', []).controller('namesCtrl', function($scope) { $scope.names = [ {name:'Jani',country:'Norway'}, {name:'Carl',country:'Sweden'}, {name:'Margareth',country:'England'}, {name:'Hege',country:'Norway'}, {name:'Joe',country:'Denmark'}, {name:'Gustav',country:'Sweden'}, {name:'Birgit',country:'Denmark'}, {name:'Mary',country:'England'}, {name:'Kai',country:'Norway'} ];});</script>
3. 自定义过滤器
使用filter()函数
<div ng-app="myApp" ng-controller="myCtrl"> <p>{{name|myFormat}}</p></div><script> var app = angular.module('myApp', []); app.filter('myFormat', function() { return function(name) { var txt = ""; for (var i = 0; i < name.length; i++) { txt += name[i].toUpperCase(); } return txt; } }); app.controller('myCtrl', function($scope) { $scope.name = "John"; });</script>
0 0
- AngularJS过滤器(Filters)
- AngularJS权威教程 第7章 过滤器filters
- 过滤器filters
- 过滤器filters
- AngularJS Filters
- Output Filters输出过滤器
- Hibernate 过滤器(filters)
- Hibernate 过滤器(filters)
- syslog-ng filters(过滤器)
- 内联过滤器Inline Filters
- MVC 过滤器(Filters)
- Bloom Filters布鲁姆过滤器
- Vue filters过滤器
- vue filters过滤器使用
- fiddler-filters过滤器
- 简单介绍AngularJs Filters
- angularjs 过滤器
- AngularJs 过滤器
- TextView下来收键盘
- ActionBar的一些方法说明
- Logistic Regression- Maximize Likelihood and Minimize Cost-Function
- Object.values() (非标准)
- Objective-C Runtime 运行时之一:类与对象
- AngularJS过滤器(Filters)
- git 命令大全
- Qt双缓冲机制:实现一个简单的绘图工具(纯代码实现)
- Required background modes [info.plist 配置后台运行模式]
- 奋斗吧,程序员——第五十四章 坐拥美人君莫笑,古来征战几人回
- Object.entries()
- Android总结篇系列:Android广播机制
- c#中decimal ,double,float的区别
- SGI STL空间配置器-第一级空间配置器