twitter-bootstrap – 使用ng-repeat创建“网格”布局

发布时间：2020-12-17 20:36:27 所属栏目：安全来源：网络整理

导读：我试图解决的问题是这一点,我对如何解决这个问题感到有些困惑.我正在使用ng-repeat来表示我在此处说过的每一点,如果可能的话,我打算在最终的解决方案中使用它. 我有一个对象数组,所有格式完全相同. (安全地假设这是真的) 每个对象都有一个属性列表. 我希望将

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

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

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

所以问题基本上是这样的：对于大小为N的数组和大小为M(M 每个M元素 – 因为我正在使用ng-repeat每个元素都应该具有对象的属性,因为我在ng-repeat中定义它,并且我知道angular将处理不正确的输入但是要利用它不会看似合适的做法. )的列数,我是否可以创建n个元素的网格,每行包含m个元素,同时仍然使用ng-repeat？>

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

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

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

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

解决方法

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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!