详解angular ui-grid之过滤器设置
更新时间：2017年06月07日 17:02:54 作者：Inuyasha1121
本篇文章主要介绍了详解angular ui-grid之过滤器设置，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
之前关于angular ui-grid过滤器设置，最近需要回顾，就顺便发到随笔上了
var app = angular.module('app', ['ui.grid', 'ui.grid.edit']);
app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
$scope.gridOptions = {
columnDefs: [
{ field: 'name' },
{ field: 'amount', name: 'Number', cellFilter: 'fractionFilter' },
{ field: 'amount', name: 'Currency', cellFilter: 'currencyFilter:this' }
]
};
$http.get('data.json')
.success(function (data) {
$scope.gridOptions.data = data;
});
}])
.filter('fractionFilter', function () {
return function (value) {
return value.toFixed(0);
};
})
.filter('currencyFilter', function () {
var currencyMap = {
'dollar': '$',
'pound': '£',
'euro': '€'
};
return function (value, scope) {
return currencyMap[scope.row.entity.currency] + value.toFixed(2);
};
})
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了深入理解Angularjs 脏值检测，详细的介绍了脏值检测的原理和实现，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10![angular报错can't resolve all parameters for []的解决](//img.jbzj.com/images/xgimg/bcimg1.png)
angular报错can't resolve all parameters&nb
这篇文章主要介绍了angular报错can't resolve all parameters for []的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
这篇文章主要介绍了使用Angular CLI生成路由的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
本篇文章主要介绍了详解angularjs 关于ui-router分层使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
AngularJS 文件上传控件 ng-file-upload详解
这篇文章主要介绍了AngularJS 文件上传控件 ng-file-upload详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-01-01
anime.js是一个灵活的轻型JavaScript动画库。这篇文章主要介绍了anime.js 实现带有描边动画效果的复选框 ,需要的朋友可以参考下2017-12-12
本篇文章主要介绍了浅谈Angular路由复用策略，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
使用过angular2人都应该知道，angular2提供的Angular CLI来快速搭建，快速生成serives、component、derective、modulet各种模板...下面这篇文章主要给大家介绍了关于Angular Cli打包的一些事，需要的朋友可以参考下。2017-09-09
这篇文章主要介绍了浅谈Angularjs中不同类型的双向数据绑定，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
作为一种大受欢迎的Web应用程序框架,Angular终于迎来了版本4.0，下面这篇文章主要给大家介绍了关于Angular 4.0学习教程之架构的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。2017-09-09
![angular报错can't resolve all parameters for []的解决](http://img.jbzj.com/images/xgimg/bcimg1.png)
最新评论