Gowtham Gowtham - 4 months ago 14
AngularJS Question

Angular js ng-repeat not working

I have done a sample app with angular js and added a

ng-repeat
to loop my data but it's not looping it. I have shown my code below

<li style="background: white url('{{book.imgUrl}}') no-repeat" ng-repeat="book in books">
<div>
<h3>{{book.name}}</h3>
<p>{{book.price}}</p>
<ul>
<li>Rating: {{book.rating}}</li>
<li>Binding: {{book.binding}}</li>
<li>Publisher: {{book.publisher}}</li>
<li>Released: {{book.releaseDate}}</li>
</ul>
<p>{{book.details}}</p>
<button class="btn btn-info pull-right" ng-click="addToKart(book)">Add to Kart</button>
</div>
</li>


I have created a live demo of the problem here

Answer

In order to get value in view from controller , you have to bind that with $scope.

Your books variable isn't bind with scope

Convert this

var books=[

to this

$scope.books=[

or like this

$scope.books=books

DEMO