角js -重复不工作

Question

我做了一个带有角度js的示例应用程序，并添加了一个ng-repeat来循环我的数据，但它并没有循环它。我在下面展示了我的代码

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

我已经创建了一个问题这里的现场演示

Answer 1

尝尝这个

使用$scope.books而不是var books = [];

Answer 2

在控制器中，而不是使用

var books

使用

$scope.books

Answer 3

你们关系很好。

而不是var book，您需要用$scope粘合图书变量

喜欢

 $scope.book=[{

   // Rest of code
}]

另外，首先将依赖项作为字符串传递，否则在缩小过程中可能会看到错误。

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

}])