angular.js - items.query is not a function这是怎么回事
问题描述
<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>
浏览可以正确运行代码,但是不显示数据。只显示出
<p ng-app='myApp'> <p ng-controller='firstcontroller'><h1>Shop!</h1>{{items}} </p></p>
代码更改成这样,可以显示出数据,说明数据已经绑定成功了,为什么使用这段代码,无法显示数据?
<table> <tr ng-repeat='item in items'></tr> <td>{{item.title}}</td> <td>{{item.description}}</td> <td>{{item.price | currency}}</td> </tr> </table>
初学Angular,如果,有哪里不正确,请各位指出。
问题解答
回答1:第一个tr后面多了一个/tr吧 这样里面没东西,所以已经repeat了只是repeat出了一堆空
相关文章:
1. docker - 如何修改运行中容器的配置2. docker安装后出现Cannot connect to the Docker daemon.3. 网页爬虫 - Python:爬虫的中文编码问题?4. javascript - 修改表单多选项时和后台同事配合的问题。5. ubuntu 远程管理KVM设置问题6. javascript - H5页面怎么查看console信息?7. javascript - vue生成一维码?求助!!!!!急8. css - 手机页面在安卓和苹果浏览器显示不同的小小问题9. javascript - 关于Js中 this的一道题10. angular.js - angularjs如何动态改变ng-model值,在controller中获取input中输入的值并组合post发送到后台
