详解angular ui-grid之过滤器设置


Posted in Javascript onJune 07, 2017

之前关于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); 
 }; 
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery 弹出登录窗口实现代码
Dec 24 Javascript
Jqyery中同等与js中windows.onload的应用
May 10 Javascript
node.js中的fs.lchmod方法使用说明
Dec 16 Javascript
jQuery中appendTo()方法用法实例
Jan 08 Javascript
BootStrap实现邮件列表的分页和模态框添加邮件的功能
Oct 13 Javascript
Angular的事件和表单详解
Dec 26 Javascript
bootstrap table实例详解
Jan 06 Javascript
快速实现jQuery多级菜单效果
Feb 01 Javascript
微信小程序模板之分页滑动栏
Feb 10 Javascript
React学习笔记之事件处理(二)
Jul 02 Javascript
微信小程序“摇一摇”的实例代码
Jul 20 Javascript
js中对象和面向对象与Json介绍
Jan 21 Javascript
微信小程序 地图map实例详解
Jun 07 #Javascript
微信小程序 http请求的session管理
Jun 07 #Javascript
Ionic2开发环境搭建教程
Aug 20 #Javascript
微信小程序Redux绑定实例详解
Jun 07 #Javascript
Ionic3 UI组件之Gallery Modal详解
Jun 07 #Javascript
vue2.0 中#$emit,$on的使用详解
Jun 07 #Javascript
vue2.0 自定义日期时间过滤器
Jun 07 #Javascript
You might like
PHP setcookie设置Cookie用法(及设置无效的问题)
2011/07/13 PHP
JpGraph php柱状图使用介绍
2011/08/23 PHP
php中选择什么接口(mysql、mysqli)访问mysql
2013/02/06 PHP
PHP反射类ReflectionClass和ReflectionObject的使用方法
2013/11/13 PHP
详细解读php的命名空间(二)
2018/02/21 PHP
CI框架(CodeIgniter)实现的导入、导出数据操作示例
2018/05/24 PHP
php中青蛙跳台阶的问题解决方法
2018/10/14 PHP
js实现的日期操作类DateTime函数代码
2010/03/16 Javascript
JS动态获取当前时间,并写到特定的区域
2013/05/03 Javascript
js中confirm实现执行操作前弹出确认框的方法
2014/11/01 Javascript
javascript Array 数组常用方法
2015/04/05 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
2016/02/19 Javascript
由简入繁实现Jquery树状结构的方法(推荐)
2016/06/10 Javascript
JS实现websocket长轮询实时消息提示的效果
2017/10/10 Javascript
vue-cli之router基本使用方法详解
2017/10/17 Javascript
js断点调试经验分享
2017/12/08 Javascript
详解webpack编译多页面vue项目的配置问题
2017/12/11 Javascript
JS实现的JSON序列化操作简单示例
2018/07/02 Javascript
js实现敏感词过滤算法及实现逻辑
2018/07/24 Javascript
Python文本相似性计算之编辑距离详解
2016/11/28 Python
python3操作mysql数据库的方法
2017/06/23 Python
tf.truncated_normal与tf.random_normal的详细用法
2018/03/05 Python
使用python 对验证码图片进行降噪处理
2019/12/18 Python
Python将列表中的元素转化为数字并排序的示例
2019/12/25 Python
Pandas将列表(List)转换为数据框(Dataframe)
2020/04/24 Python
Python爬虫headers处理及网络超时问题解决方案
2020/06/19 Python
opencv 阈值分割的具体使用
2020/07/08 Python
python 写一个水果忍者游戏
2021/01/13 Python
澳大利亚儿童鞋在线:The Trybe
2019/07/16 全球购物
查询优化的一般准则有哪些
2015/03/08 面试题
信息技术专业大学生个人的自我评价
2013/10/05 职场文书
励志演讲稿300字
2014/08/21 职场文书
大二学生学年自我鉴定
2014/09/12 职场文书
大学迎新生标语
2014/10/06 职场文书
技术入股合作协议书
2014/10/07 职场文书
MySQL令人大跌眼镜的隐式转换
2021/08/23 MySQL