编程语言
首页 > 编程语言> > javascript-每行两个div的AngularJS ng-repeat网格

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

作者:互联网

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

例如:说有8个对象.
我希望它们出现在两行四行中

1 2

3 4

5 6

7 8

码:

<div ng-repeat="accObj in accountsArr" width="100%">
    <div class="col" width="100%">
    <div  ng-if="$even" style="width:50%;height:70px;background-color:red">
    {{accObj.account}}<br>
    {{accObj.type}}
    </div>
    <div  ng-if="$odd" style="width:50%;height:70px;background-color:yellow">
    {{accObj.account}}<br>
    {{accObj.type}}
    </div>

    </div>
    </div>

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

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

非常感谢您的帮助.

解决方法:

这是CSS问题-只需添加float:left;与divs&它会工作.

标签:angularjs,angularjs-ng-repeat,css,javascript
来源: https://codeday.me/bug/20191120/2042360.html