取消設置對象屬性

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 
      }); 

     });