使用ng-repeat创建"网格"布局

rya*_*lls 5 twitter-bootstrap angularjs

我试图解决的问题是这一点,我对如何解决这个问题感到有些困惑.我正在使用ng-repeat我在此处说过的每一点,如果可能的话,我打算在最终解决方案中使用它.

  • 我有一个对象数组,所有格式完全相同.(安全地假设这是真的)
  • 每个对象都有一个属性列表.
  • 我希望将它们安排在一个> 2列的网格中,并且会有一个任意大量的行.
  • 每个网格位置将显示该位置中对象的属性.
  • 列数不需要动态更改.

> 2列要求是我理解如何进行一个或两个列网格布局(一列是无序和无样式列表,两列使用ng-evenng-odd使用css创建新行).

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

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

使用表也让我处于和以前一样的情况,我仍然需要对每个M元素进行不同的操作.

是否有一种干净的方式来做角度?

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

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

gan*_*raj 7

我真的不知道这是不是你想要的(如果不是请提供一个例子 - json数据也很好!)

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

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