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

被大大点拨去学了下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 アドレスを投稿してください!コード化されていない吊り下げ検査。 。 。 。 。

いいねを押す +0
仅有的幸福

問題は解決しました...RESTful サービスを構築するときに isArray に a が欠落していました。諦めなかった自分に感謝します。注意を払ってくれて!

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート