详解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 相关文章推荐
有关于eclipse配置spket需要注意的一些地方
Apr 07 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
Dec 13 Javascript
JS获取几种URL地址的方法小结
Feb 26 Javascript
jquery.qtip提示信息插件用法简单实例
Jun 17 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
Jun 17 Javascript
Vue2实现组件props双向绑定
Dec 02 Javascript
JavaScript实现form表单的多文件上传
Mar 27 Javascript
JS模拟超市简易收银台小程序代码解析
Aug 18 Javascript
form表单数据封装成json格式并提交给服务器的实现方法
Dec 14 Javascript
JS async 函数的含义和用法实例总结
Apr 08 Javascript
vue实现简单图片上传
Jun 30 Javascript
使用vue判断当前环境是安卓还是IOS
Apr 12 Vue.js
微信小程序 地图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
PHP6 先修班 JSON实例代码
2008/08/23 PHP
PHP IPV6正则表达式验证代码
2010/02/16 PHP
php数组去重实例及分析
2013/11/26 PHP
wamp安装后自定义配置的方法
2014/08/23 PHP
jquery 表单验证之通过 class验证表单不为空
2015/11/02 Javascript
浅谈JS函数定义方式的区别
2016/10/30 Javascript
javascript入门之数组[新手必看]
2016/11/21 Javascript
微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例
2016/12/08 Javascript
vue.js 1.x与2.0中js实时监听input值的变化
2017/03/15 Javascript
基于JavaScript实现的希尔排序算法分析
2017/04/14 Javascript
Node.js应用设置安全的沙箱环境
2018/04/23 Javascript
ES6基础之 Promise 对象用法实例详解
2019/08/22 Javascript
vue项目使用.env文件配置全局环境变量的方法
2019/10/24 Javascript
在Vue项目中使用Typescript的实现
2019/12/19 Javascript
深入浅析vue全局环境变量和模式
2020/04/28 Javascript
Tensorflow实现AlexNet卷积神经网络及运算时间评测
2018/05/24 Python
完美解决安装完tensorflow后pip无法使用的问题
2018/06/11 Python
Django基础知识与基本应用入门教程
2018/07/20 Python
pandas每次多Sheet写入文件的方法
2018/12/10 Python
浅谈keras2 predict和fit_generator的坑
2020/06/17 Python
Python爬虫如何破解JS加密的Cookie
2020/11/19 Python
Python json解析库jsonpath原理及使用示例
2020/11/25 Python
10 套华丽的CSS3 按钮小结
2012/10/03 HTML / CSS
希尔顿酒店官方网站:Hilton Hotels
2017/06/01 全球购物
Carter’s OshKosh加拿大:购买婴幼儿服装和童装
2018/11/27 全球购物
物业管理个人自我评价
2013/11/08 职场文书
医学专业自荐信
2014/06/14 职场文书
书法兴趣小组活动总结
2014/07/07 职场文书
优秀班主任申报材料
2014/12/16 职场文书
2014年房地产个人工作总结
2014/12/20 职场文书
党员个人承诺书
2015/04/27 职场文书
出纳试用期工作总结2015
2015/05/28 职场文书
2016高考冲刺决心书
2015/09/23 职场文书
python实现三阶魔方还原的示例代码
2021/04/28 Python
JavaScript 对象创建的3种方法
2021/11/17 Javascript
Ruby处理YAML和json数据
2022/04/18 Ruby