search

Home  >  Q&A  >  body text

angular.js - AngularJS ng-repeat 有些不懂..

被大大点拨去学了下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关键字的都是根模块根设置啥的

習慣沉默習慣沉默2744 days ago495

reply all(2)I'll reply

  • 为情所困

    为情所困2017-05-15 17:12:58

    Post the code, brother, or the github address! Uncoded hanging inspection. . . . .

    reply
    0
  • 仅有的幸福

    仅有的幸福2017-05-15 17:12:58

    The problem has been solved.. There was an error when building the RESTful service. isArray is missing an a. I only found out after checking it for the fourth time. I admire myself for not giving up, and thank you all for taking the trouble to pay attention!

    reply
    0
  • Cancelreply