отключенное свойство объекта

Question

У меня есть поставщик:

AdviceList.provider('$adviceList',function(){ 
    this.$get = function ($rootScope,$document,$compile,$http,$purr){ 

     function AdviceList(){ 

      $http.post('../sys/core/fetchTreatments.php').success(function(data,status){ 
       this.treatments = data; 
       console.log(this.treatments); // the correct object 
      }); 

      this.adviceCategories = [ 
       // available in the controller 
      ]; 

     } 
     return{ 

      AdviceList: function(){ 
       return new AdviceList(); 
      } 
     } 
    } 
}); 

Кроме того, у меня есть этот контроллер:

AdviceList.controller('AdviceListCtrl',function($scope,$adviceList){ 
    var adv = $adviceList.AdviceList(); 
    $scope.treatments = adv.treatments; // undefined 
}); 

Почему это, что диспетчерское $scope.treatments остается неопределенным, this.treatments внутри провайдера однако, правильно заполнены? Кроме того, adviceCategories доступен в моем контроллере.

Answer 1

Звонок, которому вы получаете сокет, является асинхронным, поэтому результаты могут быть не заполнены, когда вы пытаетесь их назначить.

Так вот

var adv = $adviceList.AdviceList(); 
$scope.treatments = adv.treatments; //The treatments would only get filled after the server call is over. 

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

Answer 2

Я рекомендую вам, чтобы упростить код

1) Используйте простой метод заводского угловой вместо поставщика

2) вернуть обещание избегать использования обратных вызовов

AdviceList.service('adviceList', function ($http) { 
      return { 
       adviceList: function() { 
        return $http.post('../sys/core/fetchTreatments.php'); 
       } 
      } 
     }); 

     AdviceList.controller('AdviceListCtrl', function ($scope, $adviceList) { 
      adviceList.AdviceList().then(function (data) { 
       $scope.treatments = data //set value to data when data is recieved from server 
      }); 

     });