Angular js ng-repeat funktioniert nicht

Question

Ich habe eine Beispiel-App mit eckigen js gemacht und eine ng-repeat hinzugefügt, um meine Daten zu loopen, aber es ist keine Schleife es. Ich habe meinen Code unten gezeigt

<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 here

Answer 1

Um eine Live-Demo des Problems geschaffen habe, um Wert im Hinblick auf von der Steuerung zu erhalten, müssen Sie die Bindung mit $ Umfang.

Ihre Bücher Variable binden, wird nicht mit Umfang

umrechenen

var books=[ 

dieser

$scope.books=[ 

oder ähnliche

$scope.books=books 

DEMO

Answer 2

Versuchen Sie, diese

Verwenden $scope.books statt var books = [];

Answer 3

Ihr Buch in spezifischen Steuerungsbereich Objektparameter zuweisen wie pro unten

app.controller('BookListCtrl', function($scope) { 
$scope.books=books; 
}) 

Answer 4

In Ihrem Controller anstelle

der Verwendung

Verwendung

$scope.books 

Answer 5

Sie sind in der Nähe.

Statt var book Sie müssen Buch Variablen mit $ Umfang

Wie

$scope.book=[{ 

    // Rest of code 
}] 

auch zuerst passieren die Abhängigkeit als String kleben sonst können Sie Fehler bei der Verkleinerungs

app.controller('BookListCtrl',["$scope", function($scope) { 
    // Rest of code 

}]) 

Answer 6

sehen Sie sollte $scope.books anstelle von var books verwenden.

DEMO