Question

编辑1：伙计们，我注意到我在我的身份验证工厂中调用了$ http.get（＆＃39; / posts＆＃39;）（出于特殊目的）。抱歉这个愚蠢的问题。当赏金结束时我会删除它。

我有以下代码加载页面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();
                }]
            }
        })

首先在跳转到目标网址之前解析，然后视图被更改/更新。

一种解决方案是：

请确保您拥有'＆amp;＆amp;'当您尝试先登录然后获取数据时，在此处检查条件。

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

发送$ http.get两次

1 个答案: