javascript - 使用 Node Express JS 在 AngularJS 中重复 ajax 调用

Question

这个问题已经有答案了:

Combating AngularJS executing controller twice (24 个回答)

已关闭 10 年前。

我开始使用 AngularJS，并使用 nodejs 设置服务器，一切都很顺利，但是当我打开 chrome 开发人员工具时，我看到该应用程序进行两个 ajax 重复调用以获取 node/mongo 发送的 json 数据。首先我认为模板jade是问题所在，但是使用纯html后，以相同的方式工作

a demo in appfog

有什么想法吗？

这是 AngularJS 中的代码

angular
.module('foro')
.config(function($routeProvider){
    $routeProvider
        .when("/",{
            templateUrl : "/partials/questions.html",
            controller: "QuestionsCtrl"
        })
        .when("/questions/:questionId",{
            templateUrl: "/partials/singleQuestion.html",
            controller: "SingleQuestion"
        })


    })
    .controller("QuestionsCtrl", function($scope, $http){

        $http.get("/questions").success(function(data){
            $scope.questions = data;        

        }); 
   })
   .controller("SingleQuestion", function($scope, $http, $routeParams){
      var questionId = $routeParams.questionId;

      $http.get("/question/"+questionId).success(function(data){
          $scope.question = data;
          $scope.votes = data[0].votes;
      });

这是节点/express 服务器中的响应方式

app.get('/questions', function (req, res) {
  Question.find({}).sort({_id:"descending"}).execFind(function(err,docs){
      if(err) res.json(err)
      res.json(docs)
  });
});

app.get('/question/:questionId', function (req, res) {
  var questionId = req.params.questionId;

  Question.find({_id: questionId},function(err,docs){
      if(err) res.json(err)
      res.json(docs)
  });
});

Answer 1

问题是你有ng-controller="QuestionsCtrl"在你的部分。

路由配置已将指定 Controller 分配给 ng-view当您加载部分时。

      $routeProvider
        .when("/",{
            templateUrl : "/partials/questions.html",
            controller: "QuestionsCtrl"
        })

这会导致同一 Controller 嵌套两次。

从该行删除 ng-controller 部分 <div ng-controller="QuestionsCtrl">在questions.html