Twitter bootstrap 创建一个;网格“;使用ng repeat进行布局
我试图解决的情况就是这样,我对如何解决这个问题有点困惑。对于我在这里陈述的每一点,我都在使用Twitter bootstrap 创建一个;网格“;使用ng repeat进行布局,twitter-bootstrap,angularjs,Twitter Bootstrap,Angularjs,我试图解决的情况就是这样,我对如何解决这个问题有点困惑。对于我在这里陈述的每一点,我都在使用ng repeat,如果可能的话,我打算在最终解决方案中使用它 我有一个数组的对象,所有完全相同的格式。(假设这是真的) 每个对象都有一个属性列表 我希望将这些列排列在一个大于2列的网格中,并且将有任意多行 每个栅格位置将显示该位置中对象的属性 列数不需要动态更改 >2列的要求是我了解如何进行一列或两列网格布局(一列是无序和未设置样式的列表,两列使用ng偶数或ng奇数并使用css创建新行) 所以问题基
ng repeat
,如果可能的话,我打算在最终解决方案中使用它
- 我有一个数组的对象,所有完全相同的格式。(假设这是真的)
- 每个对象都有一个属性列表
- 我希望将这些列排列在一个大于2列的网格中,并且将有任意多行
- 每个栅格位置将显示该位置中对象的属性
- 列数不需要动态更改
ng偶数
或ng奇数
并使用css创建新行)
所以问题基本上是这样的:对于大小为
N
的数组和大小为M
的列数(M我真的不知道这是否是您想要的(如果不是,请提供一个示例-json数据数组也很好!)
这是一个显示MxN数据(数组)的plunk!如果您愿意,也可以将其设置为对象)
我也遇到了同样的问题,不幸的是,对于我的用例来说,一个表并不能起作用。即使是2D数组,ng repeat似乎也会忽略col-md-6
,即使是在行中这正是我想要的!不知道为什么我从来没有想过将其预处理到2D数组中。谢谢:)这最初是为旧版本的引导,所以不确定的col-md-6。您的浏览器宽度是否足以应用md-6?我意识到我在使用旧的引导程序。切换到v3成功了哈!这就是你的问题;)祝你好运!