详解angular ui

详解angular ui

之前关于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', funchttp://tion () {

var currencyMap = {

'dollar': '$',

'pound': '£',

'euro': '?'

};

return function (value, scope) {

return currencyMap[scope.row.entity.currency] + value.toFixed(2);

};

})

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。