$ http.get синхронных AngularJS

Question

Можете ли вы помочь мне, пожалуйста, им новое в angularJS,

у меня есть проблемы с Asynchrounous $ http.get, я объясняю: я получил данные, которые я показываю в ngTable, но в моем HTML я получил пустую таблицу, пока я не щелкнул, чтобы фильтровать или сортировать, тогда я вижу свои данные.

Я думаю, это потому, что у меня есть обещание в моем http.get. вот мой код, чтобы понять больше (простите за мой английский)

'use strict'; 
(function() { 
    angular 
     .module('timeShareApp') 
     .controller('homeController', homeController); 


    function homeController($http, $scope, $filter, NgTableParams) { 

    $scope.users =[]; 

$http.get('/api/users/').success(function(response) { 
      $scope.users = response; 

     }); 

     $scope.usersTable = new NgTableParams({ 
       page: 1, 
       count: 10 
      }, { 
       total: $scope.users.length, 
       getData: function ($defer, params) { 
         $scope.data = params.sorting() ? $filter('orderBy')($scope.users, params.orderBy()) : $scope.users; 
         $scope.data = params.filter() ? $filter('filter')($scope.data, params.filter()) : $scope.data; 
         $scope.data = $scope.data.slice((params.page() - 1) * params.count(), params.page() * params.count()); 
         $defer.resolve($scope.data); 
       } 
      }); 





} 

    homeController.$inject = ["$http", "$scope", "$filter", "NgTableParams"]; 

})(); 

для информации: код работает отлично, за исключением того, что обещание я хочу, чтобы преобразовать в Синхронный если вы можете помочь мне, пожалуйста.

Спасибо заранее

Answer 1

В большинстве случаев нет никаких оснований хранить данные вне области ng-table. Мой совет заключается в том, чтобы не изменять или не ссылаться на какие-либо переменные области видимости, поскольку это может привести к довольно сложному отслеживанию проблем синхронизации.

Посмотрите на действительно хорошие документы ng-table, в которых в основном есть рабочий образец для вашего прецедента. See the docs here

В зависимости от места, где ваша фильтрация/сортировка происходит, вам нужно адаптировать это, но должны в основном работают следующие:

$scope.loadData = function() { return $http.get('/api/users/') }; 

$scope.usersTable = new NgTableParams(
    { 
    page: 1, 
    count: 10 
    }, { 
    total: 0, // just the inital value - will be updated later on 
    getData: function ($defer, params) { 
     $scope.loadData().success(function (result) { 
     // assuming your result has a total and a data field... 

     // update the table params with the total amount of results 
     // could also be result.length... 
     params.total(result.total); 

     // sort and filter your data using the params object here 
     var data = result.data; 

     // give back the control to the table 
     $defer.resolve(data); 
     }); 
    } 
    } 
); 

Обратите внимание также установить params.total всякий раз, когда сервер отвечает. В противном случае разбиение на страницы не будет видно.

Answer 2

Я думаю, что нет проблема- на добавление $scope.usersTable мне определенную внутри вашего метода обещания resolve. Вы пробовали это?