How would I access this JSON data in AngularJS?

Question

I am trying to learn how to load JSON with Angular. I\'m a beginner with both topics, and am stuck on some really beginner topics.

I have a JSON file called food.json. I

Answer 1

The first problem is in the controller definition: You are trying to reference $http but you are not passing it in.

myApp.controller('EmailsCtrl', ['$scope', '$http', function ($scope, $http) {

Then on success your data parameter is your foodlist:

.success(function (data, status, headers, config) { $scope.foodlist = data; })

Finally, in your html, ng-repeat should be like this:

ng-repeat="food in foodlist"