angularjs - 发送 $http.get 两次

Question

编辑 1:伙计们，我注意到我在身份验证工厂中调用了 $http.get('/posts') (出于某些特殊目的)。对不起这个愚蠢的问题。赏金结束后我会删除它。

我有以下代码来加载页面https://localhost:3000/#/home，它从数据库中获取所有帖子并显示它们。

问题是，我意识到日志 router.get/posts 被打印两次，而 here 和 there 只被警告一次.

有谁知道这是否意味着 $http.get 进行了两次？如果有，问题出在哪里？

app.config(... ...) {
    $stateProvider
        .state('global', {
            templateUrl: '/htmls/global.html',
            controller: 'GlobalCtrl'
        })
        .state('global.home', {
            url: '/home',
            templateUrl: '/htmls/home.html',
            controller: 'MainCtrl',
            resolve: {
                postPromise: ['posts', function (posts) {
                    return posts.getAll();
                }]
            }
        });
}]);

app.factory('posts', ['$http', 'auth', function ($http, auth) {
    var o = { posts: [] };

    o.getAll = function () {
        alert("before");
        return $http.get('/posts').then(function (res) {
            alert("after");
            angular.copy(res.data, o.posts);
        })
    }
    ... ...
}]);

app.controller('GlobalCtrl', [function () { }]);

app.controller('MainCtrl', ['$scope', 'posts', 'auth', 'postPromise', function ($scope, posts, auth, postPromise) {
    ... ...

在后台:

router.get('/posts', function (req, res, next) {
    console.log("router.get /posts");
    Post.find(function (err, posts) {
        if (err) return next(err);
        res.json(posts);
    });
});

PS:我刚刚意识到一件事:我在网站上设置了登录和注销。当我没有登录时，https://localhost:3000/#/home 只显示一次 router.get/posts;当我登录时出现问题。

Answer 1

既然您说当您登录时会出现问题...这是因为您使用的是 angular-ui-router 这两个事件非常重要。

$stataChangeStart(...) , and $stateChangeSuccesss(...)

请告知您正在使用的解决方案

.state('global.home', {
            url: '/home',
            templateUrl: '/htmls/home.html',
            controller: 'MainCtrl',
            resolve: {
                postPromise: ['posts', function (posts) {
                    return posts.getAll();
                }]
            }
        })

在跳转到目标 url 之前首先解决，然后 View 被更改/更新。

一种解决方案是:

当您尝试先登录然后获取数据时，请确保在此处检查“&&”条件。

如果您使用的是 Angular ui 路由器版本 0.12，请升级版本以解决问题。 谢谢。