被大大點撥去學(xué)了下Phonecat這個官方教程,在嘗試重建的時候出了問題
1.使用相同版本的angularJS和相關(guān)組件,按照Phonecat相同的方式注冊、依賴、定義了一系列組件模塊。(檢查到每個字符了..)
2.與原版不同的是我放棄有spec關(guān)鍵字的js文件,因為了解到其作用是單元測試用,就偷懶沒做。
問題來了:在仿造的phone-list組件中嘗試遍歷讀取json文件中的數(shù)據(jù)時是按照官方用的ng-repeat方法,在視圖上并無顯示(同一模板上的搜索框和其他東西都有),firebug顯示<ul></ul>中間只有一行
<!--ngRepeat: recipe in $ctrl.recipes | filter:$ctrl.query | orderBy:$ctrl.orderProp-->
注:firebug在原版demo會顯示一行:Phone.json: 1:1;的錯誤,事實表明無傷大雅,而我的仿造作品也會顯示這一行,個人感覺這個json還是被讀取了,就是不知道怎么沒有repeat出來,網(wǎng)上信息較少,似乎有人說要進(jìn)行json.parse操作,不是太懂,求老司機(jī),也感謝您耐心看我廢話到這里
github剛剛上傳完:菜譜
補(bǔ)充:只做了recipe-list部分,按照原版精神,這部分應(yīng)該是可以獨立運(yùn)行的
main_component里放的是全是官方組件(angular.js之類的)
recipequery是我仿照官方那個core.phone做的$http封裝?(我不知道是不是這么叫)
recipe-list是案發(fā)地點..
data是盛放json的地方
帶有app關(guān)鍵字的都是根模塊根設(shè)置啥的
問題排查出來了.. 是在建設(shè)RESTful那個服務(wù)出了差錯, isArray少了個a,再查的第四次才發(fā)現(xiàn),佩服自己沒有放棄,也感謝諸位關(guān)注的大大們費心了!