Javascript 重复不起作用

我用angular 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>

---

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

为了从控制器中获取视图中的值，您必须将其与$scope绑定

您的books变量未与作用域绑定

转换这个

var books=[

对此

$scope.books=[

还是像这样

$scope.books=books

---

为了从控制器获取视图中的值，必须将其与$scope绑定

您的books变量未与作用域绑定

转换这个

var books=[

对此

$scope.books=[

还是像这样

$scope.books=books

试试这个

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

试试这个

---

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

在特定控制器范围对象参数中指定您的书本，如下所示

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

---

在特定的控制器范围对象参数中指定您的书本，如下所示

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

---

在控制器中，而不是使用

var books

使用

---

在控制器中，而不是使用

var books

使用

你很接近

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

像

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

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

}])

你很接近

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

像

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

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

}])

您应该使用$scope.books而不是var books

您应该使用$scope.books而不是var books

---

Nikhil，它在工作Nikhil，它在工作