取消设置对象属性

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) 使用 angular 的简单工厂方法而不是提供者

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

        });