問題描述

<p ng-app='myApp'> <p ng-controller='firstcontroller'><h1>Shop!</h1><table> <tr ng-repeat='item in items'></tr> <td>{{item.title}}</td> <td>{{item.description}}</td> <td>{{item.price | currency}}</td> </tr></table> </p></p> <script>var app = angular.module('myApp', []);app.factory(’items’, function() { var items = {}; items.query = function() {return [{ title: ’Paint pots’, description: ’Pots full of paint’, price: 3.95}, { title: ’Polka dots’, description: ’Dots with polka’, price: 2.95}, { title: ’Pebbles’, description: ’Just little rocks’, price: 6.95}]; } return items;})app.controller(’firstcontroller’,[’$scope’,’items’,function($scope,items){ $scope.items=items.query();}])</script>

瀏覽可以正確運(yùn)行代碼，但是不顯示數(shù)據(jù)。只顯示出

<p ng-app='myApp'> <p ng-controller='firstcontroller'><h1>Shop!</h1>{{items}} </p></p>

代碼更改成這樣，可以顯示出數(shù)據(jù)，說(shuō)明數(shù)據(jù)已經(jīng)綁定成功了，為什么使用這段代碼，無(wú)法顯示數(shù)據(jù)？

<table> <tr ng-repeat='item in items'></tr> <td>{{item.title}}</td> <td>{{item.description}}</td> <td>{{item.price | currency}}</td> </tr> </table>

初學(xué)Angular，如果，有哪里不正確，請(qǐng)各位指出。

問題解答

第一個(gè)tr后面多了一個(gè)／tr吧 這樣里面沒東西，所以已經(jīng)repeat了只是repeat出了一堆空