$ http JSON请求在angularjs中不起作用

Question

I am using angularJS to get JSON data from a file. 我正在使用angularJS从文件获取JSON数据。 doing so it does not get me the data in the file. 这样做不会得到文件中的数据。 My plunker link 我的朋克链接

HTML HTML

<body ng-controller="MainCtrl">
    <div ng-repeat="(key, data) in groupedByFoodName">
      <p>{{key}} {{data.length}}</p>
    </div>
</body>

Controller 调节器

app.controller('MainCtrl', function($scope,$http) {

 $http({
  method: 'GET',
  url: 'list.json'
  }).then(function successCallback(response) {
    $scope.lists = response.data;
  });
 $scope.groupedByFoodName=  _.groupBy($scope.lists, function (each) { return each.orderfood[0].name });

});

Answer 1

You have to move the grouping of your result into the .then method, otherwise it will be called before you have the result of the get request: 您必须将结果分组移至.then方法，否则将在获得get请求的结果之前调用它：

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope,$http) {

$http({
        method: 'GET',
        url: 'https://safe-depths-4702.herokuapp.com/api/orders'
    }).then(function successCallback(response) {
        $scope.orders = response.data;
        $scope.groupedByFoodName=  _.groupBy($scope.orders, function (each) { 
          if(each.orderfood.length > 0) 
            return each.orderfood[0].name; 
        });
    });
});

$ http JSON请求在angularjs中不起作用

问题描述

1 个解决方案

解决方案1
5 已采纳 2016-02-03 15:43:47

$ http JSON请求在angularjs中不起作用

问题描述

1 个解决方案

解决方案1 5 已采纳 2016-02-03 15:43:47

解决方案1
5 已采纳 2016-02-03 15:43:47