ng-repeat使用方法

  1. 最簡單形式ng-repeat="item in arr"
  2. 有時候,我們會遇到數組裏有重複元素的情況,這時候,ng-repeat代碼不能起作用,原因是Angular默認需要在數組中使用唯一索引,那假如我們的數據確實如此,怎麼辦呢?可以指定它使用序號作索引,就像這樣:ng-repeat="item in arr track by $index"
  3. 也可以把多維數組用多層循環的方式迭代出來:
$scope.arr3 = [
    [11, 12, 13],
    [21, 22, 23],
    [31, 32, 33]
];
<ul>
    <li ng-repeat="childArr in arr3 track by $index">
        {{$index}}
        <ul>
            <li ng-repeat="item in childArr track by $index">{{item}}</li>
        </ul>
    </li>
</ul>
  1. 遍歷對象屬性ng-repeat="(key, value) in obj"
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章