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