Issue with ngTable: Error retrieving data for server-side pagination

Question

Issue with ngTable: Error retrieving data for server-side pagination

I am currently working on setting up a server-side table using ng-table. However, I am encountering some issues with the getData function. It keeps giving me errors such as $defer.resolve is not a function or params is not defined.

I noticed that I can access the params variable when I don't use $defer in the getData function.

Here's a snippet of my code:

angular.module('ngTableTest', ['ui.router', 'ngTable'])
.controller('Table', function($state, NgTableParams){
   var vm = this;

   vm.niceTable = new NgTableParams({}, {
      getData: function($defer, params) {
        $http.get('/app/getdata')
            .success(function(data) {
               params.total(data.count);
               $defer.resolve(data.data);
            });
        }
      });
});

Any insights would be greatly appreciated!

javascript angularjs ngtable

Answer 1

Answer №1

When using $defer, don't forget to include $q in your code. Give this a try:

angular.module('ngTableTest', ['ui.router', 'ngTable'])
.controller('Table', function($state, $q, NgTableParams){
   var vm = this;

   vm.niceTable = new NgTableParams({}, {
      getData: function(params) {
        var deferred = $q.defer();
        $http.get('/app/getdata')
            .success(function(data) {
               params.total(data.count);
               deferred.resolve(data.data);
            });
        }
      });
});

Answer 2

When using $defer, don't forget to include $q in your code. Give this a try:

angular.module('ngTableTest', ['ui.router', 'ngTable'])
.controller('Table', function($state, $q, NgTableParams){
   var vm = this;

   vm.niceTable = new NgTableParams({}, {
      getData: function(params) {
        var deferred = $q.defer();
        $http.get('/app/getdata')
            .success(function(data) {
               params.total(data.count);
               deferred.resolve(data.data);
            });
        }
      });
});

Answer 3

Answer №2

I encountered the same problem and managed to find a solution that worked for me:

angular.module('ngTableTest', ['ui.router', 'ngTable'])
.controller('Table', function($state, $q, NgTableParams){
   var vm = this;

   vm.niceTable = new NgTableParams({}, {

     getData: function(params) {

         var promise =  
           $http.get('/app/getdata')
            .success(function(data) {
               params.total(data.count);

               // additional data manipulation can be done here
               return $q.resolve(data); 
            });
           }
        });
        return $q.resolve(promise); 
});

It's important to note that in the current version of NgTable, the getdata method now only accepts one parameter (params), whereas it used to accept two parameters ($defer and params).

It appears that getdata must return a resolved promise. In the code provided, the promise was resolved within the success method instead of directly in the getdata method.

This solution worked for me after some trial and error. I hope that someone with more expertise can provide further insight into how $q.resolve functions and the return value of getdata functions.

Answer 4

I encountered the same problem and managed to find a solution that worked for me:

angular.module('ngTableTest', ['ui.router', 'ngTable'])
.controller('Table', function($state, $q, NgTableParams){
   var vm = this;

   vm.niceTable = new NgTableParams({}, {

     getData: function(params) {

         var promise =  
           $http.get('/app/getdata')
            .success(function(data) {
               params.total(data.count);

               // additional data manipulation can be done here
               return $q.resolve(data); 
            });
           }
        });
        return $q.resolve(promise); 
});

It's important to note that in the current version of NgTable, the getdata method now only accepts one parameter (params), whereas it used to accept two parameters ($defer and params).

It appears that getdata must return a resolved promise. In the code provided, the promise was resolved within the success method instead of directly in the getdata method.

This solution worked for me after some trial and error. I hope that someone with more expertise can provide further insight into how $q.resolve functions and the return value of getdata functions.

Issue with ngTable: Error retrieving data for server-side pagination

Answer №1

Answer №2

Similar questions

Struggling to access a property within an object in my Angular controller

Removing cookies after sending a beacon during the window unload event in Chrome

Incorporating Information into an Array as a State Object within React.js

Custom JavaScript clock designed for the Lockscreen of jailbroken iPhones

What is the best way to utilize JavaScript variables that are declared on index.html/index.jsp in Vue.js?

Trigger an Angular2 component function from an HTML element by simply clicking a button

Obtaining Data from an Array with Reactive Forms in Angular 4

Tips for converting multiple arrays of objects into a single array set

Dealing with problematic hover behaviors in Cypress: A guide

ng-bind stops updating after entering text into input field

AngularJS struggles to set the default value for linked dropdown menus

"Using SetState frequently results in multiple rerenders of the component

Top scenario and illustration of utilizing clusters in nodejs

Problem with $http.post() in Angular where Codeigniter is not able to receive data

Can security groups be dynamically updated using a JSON file in JavaScript rather than relying on manual parameters?

What strategies are typically employed to prevent falling into the callback hell trap when working with error-back asynchronous functions in Node.JS?

"Enhance user experience with ui-router: validate and modify URL parameters while transitioning between states

JavaScript appending checkboxes to a list not functioning as expected

Can you explain the role of the %GetOptimizationStatus function within a JavaScript file executing in Node.js?

How can I transfer a JavaScript value to PHP for storage in an SQL database?