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"

Answer 2

ng-repeat in your case will iterate the array of objects in your data

You just need to use :

<li ng-repeat="food in foodlist">

Then on each pass of the loop, angular will reference the current object in array to produce output like {{ food.title }}

I updated your demo here

Edit Strongly suggest you go through the tutorial on angular docs site step by step