Question

我关注thinkster MEAN堆栈教程，我在角度工厂服务中遇到了问题

angular.js：11598错误：[$ rootScope：infdig] 10 $ digest（）迭代到达。中止！观察者在最近5次迭代中被解雇：[]

app.js

app.factory('posts', ['$http', function($http){
    var o = {
        posts: []
    };
    o.getAll = function() {
        return $http.get('/posts').success(function(data){
            console.log(data)
            angular.copy(data, o.posts);
        });
    };
    return o;
}]);

我的配置文件有路由提供程序

$stateProvider
    .state('home', {
        url: '/home',
        templateUrl: '/home.html',
        controller: 'MainCtrl',
        resolve: {
            post: ['$stateParams', 'posts', function($stateParams, posts) {
                return posts.get($stateParams.id);
            }]
        }

    })

我不确定有什么问题..

非常感谢任何帮助。提前谢谢......

Answer 1

.success已弃用，因此我将使用then

我认为这是你想写的。

app.factory('posts', ['$http', function($http){
    var o = {}; 
    o.get = function(id){
        return $http.get('/posts/'+id).then(function(response){
            return response.data;
        });
    }
    o.getAll = function() {
        return $http.get('/posts').then(function(response){
           return response.data;
        });
    };
    return o;
}]);


 resolve: {
        post: ['$stateParams', 'posts', function($stateParams, posts) {
            return posts.get($stateParams.id);
        }]
    }

// usage of the factory in controller : 
    posts.getAll().then(function(posts){
         $scope.allPosts = posts;
    })
    posts.get(id).then(function(post){
        $scope.post = post;
    })

有些观点：

then / success可以链接;但是，您必须按顺序使用return语句，而不是下一个链将具有数据。我会得到你的回报。
我完全不知道你从哪里得到return posts.get($stateParams.id);所以我添加了一些相关内容。

达到了角度10 $ digest（）迭代次数

1 个答案: