Ng-重复数组到行和列 [英] Ng-Repeat array to rows and columns

问题描述

感谢您花时间阅读本文，我想知道如何使用 ng-repeat 创建类似选项框的网格.我想采用一个数组重复第 n 个项目，然后移动到下一行或下一列，直到列出所有项目.例如

Thanks for taking the time to read this, I was wondering how I might be able to use ng-repeat to create a grid like box of options. I would like to take an array repeat nth number of items and then move to the next row or column until all items are listed. e.g.

假设我有一个像 [opt1,opt2,opt3,opt4,opt5,opt6,opt7] 这样的数组，我想这样显示:

assuming I had an array like [opt1,opt2,opt3,opt4,opt5,opt6,opt7] I would like to display it like this:

opt1 opt2 opt3
opt4 opt5 opt6
opt7

推荐答案

与 AngularJS 相比，这更像是一个样式/标记问题.如果你真的想，你可以这样做:

This is more a styling/markup problem than an AngularJS one. If you really want to, you can do:

<span ng:repeat="(index, value) in array">
    {{value}}<br ng:show="(index+1)%3==0" />
</span>

http://jsfiddle.net/JG3A5/

这篇关于Ng-重复数组到行和列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！