angular之ng-repeat

第一次寫，希望大家不要噴，嘻嘻，畢竟我是小菜鳥。

提示：個人意見，請各位幫我糾錯，謝謝！

離第一次接觸angular已經好久了。這些天也一直沒有用過，今天突然用感覺生疏了不少。本以為ng-repeat我是肯定沒有問題的，不過今天中午就因為ng-repeat、service整了我一下午，終于我對其了解了一點點。一個控制器模塊里面可以有多個controller,我以為service同理，天真的我在服務模塊里面寫了兩個service，結果一直不正確。于是我發動我腦子里的想法，我在想：是不是要在服務模塊里面寫兩個module？于是我按照這個想法繼續寫，結果發現錯得離譜！愚蠢的我終歸只能將兩個service合并到一起，聲明一個對象，但是記得返回對象！！！而且這種情況就嵌套了，一定要注意各種括號！

以下是我寫的service部分：

angular.module('userServiceModel',[])
    .service('userService', function () {
        var date = [
            {userMenu : [
                {text:'用戶管理',
                    enabled:false,
                    subMenu:[
                        {text:'顯示用戶',
                            enabled:false,
                            action:'manager-userList'
                        }
                   ]
                }]
            },
                { userLikeGoods:[
                    {
                        img : 'p_w_picpath/00.jpg',
                        price : 199,
                        goodsDescribe : '因為我不知道要寫什么所以我就不寫了'
                    }
                ]}
            ];
        return date;
    });

為了閱讀方便于是我就不寫那么多了，反正也是堆代碼。

這下把service部分的問題解決了，于是我竊喜：這下總是能一下子循環出來了吧！然并卵！！！回到html，告誡大家，千萬不要像我這樣寫！！

以下的代碼為錯誤示范：

<div class="col-md-10 userLikeGoods" ng-controller="managerMenuCtrl">
   <ul>
      <li ng-repeat="i in date.userLikeGoods" class="userLikeGoods-img"><img src="{{i.img}}"></li>
      <li ng-repeat="i in date.userLikeGoods" class="userLikeGoods-price">
         <span class="font_2">{{i.price | number:2}}</span>
      </li>
      <li ng-repeat="i in date.userLikeGoods" class="userLikeGoods-describe">
         <span class="font_3" style="display: block">{{i.goodsDescribe}}</span></li>
   </ul>
</div>

是不是看起來人畜無害，十分正常？錯!錯!錯!是我的錯！

沒有經過遍歷，date的第一層皮沒被扒掉，怎么能看到第二層？？？于是我只能先把它的第一層皮扒掉，如下：

<ul ng-repeat="item in date">
   <li ng-repeat="i in item.userLikeGoods" class="userLikeGoods-img"><img src="{{i.img}}"></li>
   <li ng-repeat="i in item.userLikeGoods" class="userLikeGoods-price">
      <span class="font_2">{{i.price | number:2}}</span>
   </li>
   <li ng-repeat="i in item.userLikeGoods" class="userLikeGoods-describe">
      <span class="font_3" style="display: block">{{i.goodsDescribe}}</span></li>
</ul>

于是我想要的結果終于出來了，可是樂極生悲，我的另一個頁面又出了問題，藍瘦香菇...

為嘛我美美的管理界面成了這個鬼樣子？多出來的藍條是什么？于是，我再次陷入問題，啊哈我找到了，這是我遍歷date對象第一層之后的后遺癥！目前還沒有解決，嗚嗚..明天接著努力！

如果大家發現有問題一定要告訴我...康桑哈米達~

還有歡迎大家關注我的微信公眾號：丸子的小天地