详解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不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
Feb 05 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
Mar 25 Javascript
node.js中的fs.realpath方法使用说明
Dec 16 Javascript
利用纯Vue.js构建Bootstrap组件
Nov 03 Javascript
Angular多选、全选、批量选择操作实例代码
Mar 10 Javascript
详解在Angularjs中ui-sref和$state.go如何传递参数
Apr 24 Javascript
Angularjs实现上传图片预览功能
Sep 01 Javascript
详解Javascript 中的 class、构造函数、工厂函数
Dec 20 Javascript
使用vux实现上拉刷新功能遇到的坑
Feb 08 Javascript
javascript原生封装一个淡入淡出效果的函数测试实例代码
Mar 19 Javascript
vue.js高德地图实现热点图代码实例
Apr 18 Javascript
json.stringify()与json.parse()的区别以及用处
Jan 25 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
盘点被央视点名过的日本动画电影 一部比一部强
2020/03/08 日漫
无线电广播与收音机发展的历史回眸
2021/03/02 无线电
phpfpm的作用和用法
2019/10/10 PHP
js 图片轮播(5张图片)
2008/12/30 Javascript
js document.write()使用介绍
2014/02/21 Javascript
addEventListener 的用法示例介绍
2014/05/07 Javascript
javascript中undefined与null的区别
2015/08/16 Javascript
jqueryMobile使用示例分享
2016/01/12 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
2016/03/01 Javascript
即将发布的jQuery 3 有哪些新特性
2016/04/14 Javascript
javascript之with的使用(阿里云、淘宝使用代码分析)
2016/10/11 Javascript
vue之nextTick全面解析
2017/05/17 Javascript
vue element项目引入icon图标的方法
2018/06/06 Javascript
vue 组件的封装之基于axios的ajax请求方法
2018/08/11 Javascript
原生javascript自定义input[type=radio]效果示例
2019/08/27 Javascript
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
2019/09/03 jQuery
python中的hashlib和base64加密模块使用实例
2014/09/02 Python
在Python程序中操作文件之isatty()方法的使用教程
2015/05/24 Python
Python中模块string.py详解
2017/03/12 Python
Python常见读写文件操作实例总结【文本、json、csv、pdf等】
2019/04/15 Python
Python获取当前脚本文件夹(Script)的绝对路径方法代码
2019/08/27 Python
pygame实现成语填空游戏
2019/10/29 Python
用Python画小女孩放风筝的示例
2019/11/23 Python
Python高阶函数、常用内置函数用法实例分析
2019/12/26 Python
在python中logger setlevel没有生效的解决
2020/02/21 Python
python中if及if-else如何使用
2020/06/02 Python
详解python模块pychartdir安装及导入问题
2020/10/22 Python
CSS3 创建网页动画实现弹跳球动效果
2018/10/30 HTML / CSS
Farnell德国:电子元器件供应商
2018/07/10 全球购物
高分子材料与工程专业个人求职信
2013/12/15 职场文书
学校招生宣传广告词
2014/03/19 职场文书
《搭石》教学反思
2014/04/07 职场文书
房屋买卖协议书
2014/04/10 职场文书
祖国在我心中的演讲稿
2014/05/04 职场文书
生物科学专业毕业生求职信
2014/06/02 职场文书
Java 实现限流器处理Rest接口请求详解流程
2021/11/02 Java/Android