ejemplo - ng-table angularjs

paginación con ng-table en angular

Question

Estoy usando el complemento ng-table para paginar una tabla como esta:

$scope.ngtableParams = new ngTableParams({}, {
                counts:false,
                getData: function(params) {
                    return $http.get($rootScope.app.authApi + ''questions/'' + selectedSubtopic.id).then(function(data) {
                        params.total(data.data.length);
                        return data.data;
                    });
                }
            });

Funnily ng-table llama a la función getData () cada vez que un usuario hace clic en los números de página. Y golpea todo de nuevo y obtiene todos los registros y los muestra. Entonces la paginación es esencialmente inútil.

Necesito tener una paginación del lado del cliente. ¿Es posible con ng-table?

Intenté esto también

$http.get($rootScope.app.authApi + ''questions/'' + selectedSubtopic.id)
                .success(function(data){
                    $scope.ngtableParams = new ngTableParams({count:5}, {
                        counts:[],
                        paginationMaxBlocks: 13,
                        paginationMinBlocks: 2,
                        total:data.length,
                        getData: function(params) {
                            return data;
                        }
                    });
                });

¡El mismo resultado con lo anterior también!

Answer 1

Con la última versión de ng-table, termino usando lo siguiente:

function IssueCtrl(NgTableParams, IssueService) {
    var self = this;

    loadTable();

    function loadTable() {
        IssueService.getIssues().then(function (issues) {
            self.tableParams = new NgTableParams({
                page: 1,
                count: 5
            }, {
                dataset: issues // might be data instead of dataset depending on ng-table version
            });
        });
    }
 }

La paginación del lado del cliente funciona correctamente gracias al dataset de dataset .

Entonces debería ser algo como esto para OP:

$http.get($rootScope.app.authApi + ''questions/'' + selectedSubtopic.id)
            .success(function(result){
                $scope.ngtableParams = new ngTableParams({count:5}, {
                    counts:[],
                    paginationMaxBlocks: 13,
                    paginationMinBlocks: 2,
                    total:result.length,
                    dataset: result // might be data instead of dataset depending on ng-table version
                });
            });

Answer 2

ng-table tiene muchos problemas. Cambio mi código a jquery Datatable . Intentalo.