Javascript 使用ng repeat一次显示2个元素
我被要求创造这样的东西Javascript 使用ng repeat一次显示2个元素,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我被要求创造这样的东西 <div class="row"> <div class="col"> <div class="col"> <div> 现在我有了一个包含6个元素的数组。。 所以,我需要创造这样的东西 <div class="row"> <div class="col"> 1 </div> <div class="col"> 2 </div> <div&
<div class="row">
<div class="col">
<div class="col">
<div>
现在我有了一个包含6个元素的数组。。
所以,我需要创造这样的东西
<div class="row">
<div class="col"> 1 </div>
<div class="col"> 2 </div>
<div>
<div class="row">
<div class="col"> 3 </div>
<div class="col"> 4 </div>
<div>
<div class="row">
<div class="col"> 5 </div>
<div class="col"> 6 </div>
<div>
1.
2.
3.
4.
5.
6.
我不知道该怎么做。。
我试过的
<div class="row" ng-repeat="a in elem">
<div class="col"> {{a.name}} </div>
<div class="col"> {{a.name}} </div>
<div>
{{a.name}}
{{a.name}}
但是,这给出了相同的值..在这两个..中,您可以使用flexbox,而不是尝试对angular进行一些修改:
*{
框大小:边框框;
}
.行{
显示器:flex;
柔性包装:包装;
}
上校{
宽度:50%;
高度:40px;
填充:8px;
}
第1列
第2列
第3列
第4列
第5列
第6栏
已更新
<div class="row" ng-repeat="a in elem" ng-if="$even">
<div class="col"> {{elem[$index - 1].name}} </div>
<div class="col"> {{a.name}} </div>
<div>
{{elem[$index-1].name}
{{a.name}}
非常感谢兄弟。。不过这是一个很好的方法。。!我挣扎了两个小时……不。。6就是一个例子。。大小不详。。我需要知道如何在一个循环中打印两个连续的元素。我建议您先将数组分成两对,然后简单地使用两个ng重复。一个用于行,另一个用于列。这使得它对任何行都是动态的situation@AndrewDonovan对这会奏效的。或者,只是好奇地想知道。。是否可以在ng repeat..的一个循环中显示两个连续元素?如果包装好了,是的。Ng repeat重复它所在的元素以及其中的任何内容。但我相信你知道的。因此,无法打印2个同级元素(使用相同的ng重复)