twitter-bootstrap - 使用 ng-repeat 创建 "grid"布局

Question

我试图解决的情况就是这样，我对如何解决这个问题有点困惑。我正在使用 ng-repeat对于我在这里陈述的每一点，如果可能的话，我打算在最终解决方案中使用它。

我有一个对象数组，所有格式都完全相同。 (安全地假设这是真的)

每个对象都有一个属性列表。

我希望将它们排列在 >2 列的网格中，并且会有任意大量的行。

每个网格位置将显示该位置中对象的属性。

列数不需要动态改变。

>2 列要求是我了解如何进行一列或两列网格布局(一列是无序和无样式列表，两列使用 ng-even 或 ng-odd 并使用 css 创建新行)。

所以问题基本上是这样的:对于大小为 N 的数组和大小为 M 的列号( M<N )，我可以创建 N 的网格吗？ M 的元素仍然使用 ng-repeat 时每行的元素?

如果可能，我宁愿不只插入 <br>每 M元素 - 因为我使用的是 ng-repeat每个元素都应该具有我在 ng-repeat 中定义的对象的属性。 ，而且我知道 angular 会处理不正确的输入，但利用它似乎不是正确的做法。

同样使用表格让我处于与以前相同的情况，我仍然需要每隔 M 进行一次不同的操作元素。

有没有一种干净的方法可以在 Angular 上做到这一点？

值得注意的是，我也在使用 twitter-bootstrap所以我也会欢迎css解决方案。

在此先感谢，如果我遗漏了一些明显的东西，请告诉我。

Answer 1

我真的不知道这是否是您正在寻找的(如果不是，请提供一个示例 - json 数据数组也可以!)

这是一个显示 MxN 数据的 plunk(数组!-如果您愿意，也可以将其设为对象)

http://plnkr.co/edit/TgKA0cQ80Vo3vWztxFw4?p=preview