javascript - 无法从 $q 获取数据到作用域

Question

我正在尝试使用带有 $q 的 promise 将从 API 返回的一些数据绑定(bind)到我的范围，我能够毫无问题地从服务器中提取数据(我可以看到使用 fiddler 返回的 JSON)但是$scope 变量仍然是空的，任何帮助将不胜感激!提前致谢。

代码:

toDoListService.js

 app.factory("toDoListService", function ($http, $q) {
        var deferred = $q.defer();

        return {
            get: function () {

                $http({ method: 'GET', url: '/api/todo/' }).
                    success(function (data) {
                        deferred.resolve(data);
                    }).
                    error(function (data, status, headers, config) {
                        deferred.reject(status);
                    });
                return deferred.promise;
            }
});

toDoListController.js

app.controller("toDoListController", function($scope, toDoListService){
      $scope.toDoList = toDoListService.get();
});

Answer 1

首先，您应该将 var deferred = $q.defer(); 放入您的 get 函数中，这样每个 get 都有它是自己的延迟对象。

其次，get 实际返回的是一个 promise 。所以你需要以这种方式访问​​你的数据:

app.controller("toDoListController", function($scope, toDoListService){
    toDoListService.get().then(function(data){
           $scope.toDoList = data;
    });
});