javascript - ng-repeat如何限制循环次数

问题描述

问 题

如何限制ng-repeat输出的数据条数？比如我有30条数据，我只需要循环前五条出来就可以了。
html如下：

                    <div class="video-cover item-inner">
                        <img class="icon" src="../images/m_home/icon_play.png">
                        <img class="cover" ng-src="{{list.cover}}">
                    </div>
                    <div class="video-mask"></div>
                    <div class="video-bar">
                        <span class="video-duration">{{list.duration_format}}</span>
                        <p class="video-title">{{list.title}}</p>
                    </div>
                </a>

$http.jsonp('http://api.ergeng.com/normalvideo/list?callback=JSON_CALLBACK&user_id='+$scope.details.user_id+'').success(function(data){
            $scope.lists = data.data.list;
        });
        
        

解决方案

<div ng-repeat="item in items|limitTo:5">
    {{item}}
</div>

我记得是这么写的，你试试。

这篇关于javascript - ng-repeat如何限制循环次数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！