angular.js - AngularJS ng-repeat 有些不懂..
習慣沉默
習慣沉默 2017-05-15 17:10:58
0
2
492

被大大点拨去学了下Phonecat这个官方教程,在尝试重建的时候出了问题
1.使用相同版本的angularJS和相关组件,按照Phonecat相同的方式注册、依赖、定义了一系列组件模块。(检查到每个字符了..)
2.与原版不同的是我放弃有spec关键字的js文件,因为了解到其作用是单元测试用,就偷懒没做。

问题来了:在仿造的phone-list组件中尝试遍历读取json文件中的数据时是按照官方用的ng-repeat方法,在视图上并无显示(同一模板上的搜索框和其他东西都有),firebug显示<ul></ul>中间只有一行
<!--ngRepeat: recipe in $ctrl.recipes | filter:$ctrl.query | orderBy:$ctrl.orderProp-->

注:firebug在原版demo会显示一行:Phone.json: 1:1;的错误,事实表明无伤大雅,而我的仿造作品也会显示这一行,个人感觉这个json还是被读取了,就是不知道怎么没有repeat出来,网上信息较少,似乎有人说要进行json.parse操作,不是太懂,求老司机,也感谢您耐心看我废话到这里

github刚刚上传完:菜谱
补充:只做了recipe-list部分,按照原版精神,这部分应该是可以独立运行的
main_component里放的是全是官方组件(angular.js之类的)
recipequery是我仿照官方那个core.phone做的$http封装?(我不知道是不是这么叫)
recipe-list是案发地点..
data是盛放json的地方
带有app关键字的都是根模块根设置啥的

習慣沉默
習慣沉默

모든 응답(2)
为情所困

코드나 형님, github 주소를 올려주세요! 코딩되지 않은 행잉 검사. . . . .

仅有的幸福

문제가 해결되었습니다... RESTful 서비스를 구축할 때 오류가 발생했습니다. isArray에 a가 빠졌네요. 포기하지 않은 제 자신이 존경스럽고 감사합니다. 주의를 기울이는 데 어려움을 겪습니다!

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿