angular-data-grid-new/demo/bootstrap/js/serverPaginationApp.js

Light, flexible and performant Data Grid for AngularJS apps, with built-in sorting, pagination and filtering options, unified API for client-side and server-side data fetching, seamless synchronization with browser address bar and total freedom in mark-

(function () {
    'use strict';

    angular
        .module('myApp', ['ui.bootstrap', 'dataGrid', 'pagination', 'angular-loading-bar'])
        .controller('myAppController', MyAppController)
        .factory('myAppFactory', MyAppFactory);

    MyAppController.$inject = ['$scope', 'myAppFactory'];
    MyAppFactory.$inject = ['$http'];

    function MyAppController($scope, myAppFactory) {

        $scope.gridOptions = {
            data: [],
            getData: myAppFactory.getOrdersData,
            sort: {
                predicate: 'orderNo',
                direction: 'asc'
            }
        };
        $scope.UI = {};
        $scope.gridActions = {};
        myAppFactory.getStatuses().then(function (resp) {
            $scope.UI.statusOptions = resp.data;
        });
    }

    function MyAppFactory($http) {
        var herokuDomain = 'https://server-pagination.herokuapp.com';
        return {
            getOrdersData: getOrdersData,
            getStatuses: getStatuses
        };

        function getOrdersData(params, callback) {
            $http.get(herokuDomain + '/orders' + params).then(function (response) {
                callback(response.data.orders, response.data.ordersCount);
            });
        }

        function getStatuses() {
            return $http.get(herokuDomain + '/orders/statuses');
        }
    }
})();