每行两个div的AngularJS ng-repeat网格

时间:2015-06-01 05:51:23

标签: javascript css angularjs angularjs-ng-repeat

我想从数组加载数据并在每行显示两个div。

例如:说有8个物体。 我希望它们出现在四行中的两行

1 2

3 4

5 6

7 8

代码:

sec1,sec2

这就是我的代码目前的工作方式。 Plnkr

有人可以指导我如何获得理想的结果吗?

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:2)

你必须应用简单的CSS来保持并排。有多种方法可以实现它。 其中之一是使用<span>标记:

<span style="margin:4px">{{accObj.account}}</span>
<span style="margin:4px">{{accObj.type}}</span>

Example here.

使用您选择的保证金。

答案 1 :(得分:1)

这是CSS问题 - 只需将float:left;添加到两个div&amp;的style即可。它会起作用。