javascript - Angular JS - 在一个 Controller 中运行两个函数

Question

我是 AngularJS 的新手，所以提前致歉。

var tcores = 0;

angular.module('core').controller('HomeController', ['$scope', '$http',
  function($scope, $http) {
    $http.get('search?idc=LH5&type=Virtual&cluster=1').success(function(data) {
      $scope.servers = data; // get data from json
      angular.forEach($scope.servers, function(item){
        //console.log(item.cores);
        if(parseInt(item.cores) != "NaN" && item.cores != "") {
          if(angular.isNumber(parseInt(item.cores))) {
            tcores = parseInt(tcores) + parseInt(item.cores);
          }
        }
      })
      console.log("Hall 5. Cluster 1 Total Cores: " + tcores);
    });
  }
]);

angular.module('core').controller('HomeController', ['$scope', '$http',
  function($scope, $http) {
    $http.get('search?idc=LH5&type=Virtual&cluster=2').success(function(data2) {
      $scope.serverscluster = data2; // get data from json
      angular.forEach($scope.serverscluster, function(item){
        //console.log(item.cores);
        if(parseInt(item.cores) != "NaN" && item.cores != "") {
          if(angular.isNumber(parseInt(item.cores))) {
            tcores = parseInt(tcores) + parseInt(item.cores);
          }
        }
      })
      console.log("Hall 5. Cluster 2 Total Cores: " + tcores);
    });
  }
]);

我正在尝试运行这两个函数(都指向不同的 JSON 输出)，但我只收到“集群 2”的响应。

请告知我如何在同一模块中运行这两个功能，理想情况下我将在同一页面上运行其中的 8 个请求，因此非常感谢您的建议。#

你能告诉我为什么只有底层函数在执行吗？

非常感谢!

Answer 1

正如我在评论中所写，您必须将 $http.get 链接在一起，并且必须避免重复的 Controller 名称。这是一个简化的代码:

angular.module('core').controller('HomeController', ['$scope', '$http',

function ($scope, $http) {
    $http.get('search?idc=LH5&type=Virtual&cluster=1').then(function (data) {
        console.log(data);
        return $http.get('search?idc=LH5&type=Virtual&cluster=2');
    }).then(function(data2) {
        console.log(data2);
        $scope.serverscluster = data2; // get data from json
    });
}]);

这是一个 JSFiddle