如何在Angular js中使用ng-repeat连续打印6个项目的数组？
如何在Angular js中使用ng-repeat连续打印6个项目的数组？
提问于 2016-12-09 12:38:23
我想打印像这样的数组项
a b c d e f
g h i j k l
m n o p q r我的数组是"a“"b”"c“"d”"e"...最高可达r
我试过了
<div ng-repeat="array in arraylist | limitTo:6">
<div class="col-lg-2 col-md-2 col-sm-3 col-xs-12" >
<div class="form-group">
<label>{{array}} </label>
</div>
</div>
</div>但它打印到f，那么如何打印以上格式的所有元素？
回答 6
Stack Overflow用户
发布于 2016-12-09 13:12:10
删除limitTo过滤器它只是限制array.Now中的项目数来解决你的问题它可以很容易地解决通过放置一个空的div与引导类col xs-12，col-sm-12，col-lg-12应用，这个div将只在$index%6为0时显示。代码示例如下所示。
<div ng-repeat="array in arraylist">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" ng-if="($index)%6==0"></div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
<div class="form-group">
<label>
{{array}}
</label>
</div>
</div>
</div>Stack Overflow用户
发布于 2016-12-09 13:13:21
创建一个新数组或字符串，该数组或字符串仅包含指定数量的 elements。
但是您需要遍历整个array。检查this小提琴：
<div ng-repeat="alphabet in alphabets" ng-if="$index % 6 == 0" class="row">
<div class="col-xs-2">{{alphabets[$index]}}</div>
<div class="col-xs-2">{{alphabets[$index + 1]}}</div>
<div class="col-xs-2">{{alphabets[$index + 2]}}</div>
<div class="col-xs-2">{{alphabets[$index + 3]}}</div>
<div class="col-xs-2">{{alphabets[$index + 4]}}</div>
<div class="col-xs-2">{{alphabets[$index + 5]}}</div>
</div>Stack Overflow用户
发布于 2016-12-09 14:04:27
尝尝这个
var app = angular.module("app", []);
app.controller("listController", ["$scope",
function($scope) {
$scope.results = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r"];
}
]);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41053202
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号