angular的ng-repeat靈活用法

ng-repeat

不知道循環什么列表長度,但是又需要單獨處理第一個和最后一個循環的時候,** $index可能就不管用啦,這時候可以用$first,$last** 返回的true/false判斷是否是第一個或者最后一個。
還有$odd,$even分別表示奇數和偶數,但注意$index從0開始的,不是平常生活中的第一行第二行。這樣可以靈活操作repeat的索引。

應用場景:
1.一個列表第一個和最后一個可能樣式會不一樣,比如列表中間有分割線的時候,最后一個列表的分割線就隱藏掉了。
2.一個列表隔一行一個樣式的時候可以判斷奇偶加上不同的樣式。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • ¥開啟¥ 【iAPP實現進入界面執行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,537評論 0 17
  • 概述 ng-class指令實現了把元素的class屬性和數據模型綁定的功能。在進行樣式動態控制時非常的有用。ng-...
    yb_劍笙閱讀 773評論 0 0
  • 轉載請聲明 原文鏈接地址 關注公眾號獲取更多資訊 第一部分 HTML 第一章 職業規劃和前景 職業方向規劃定位...
    前端進階之旅閱讀 16,621評論 32 459
  • AngularJS是什么?AngularJs(后面就簡稱ng了)是一個用于設計動態web應用的結構框架。首先,它是...
    200813閱讀 1,647評論 0 3
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,462評論 25 708