同事;
我有这个:
app.controller("pedidosCtrl", function($scope){
$scope.eventos = [{nome: 'Nome do evento 1',descricao:'Descricao 01',preco: 10.00},
{name: 'Nome do evento 2',description:'Descricao 02',preco: 20.00},
{name: 'Nome do evento 3',description:'Descricao 03',preco: 60.00},
{name: 'Nome do evento 4',description:'Descricao 04',preco: 60.00},
{name: 'Nome do evento 5',description:'Descricao 05',preco: 60.00},
{name: 'Nome do evento 6',description:'Descricao 06',preco: 60.00}];
});
和HTML
<body ng-controller="pedidosCtrl">
<div ng-repeat = "e in eventos">Nome do evento: {{e.nome}} </td>
</body>
确定。效果很好。
但是如果你想要一个涉及每3次迭代的div,就会产生类似的结果:
<body>
<div class="row">
nome do evento 1
nome do evento 2
nome do evento 3
</div>
<div class="row">
nome do evento 4
nome do evento 5
nome do evento 6
</div>
...
</body>
刚刚找到解决这个复杂问题的解决方案,但无法应用其中任何一个
谢谢
答案 0 :(得分:1)
This link显示如何在ng-repeat中设置模数。那么这个怎么样:
<div class="row" ng-repeat="e in eventos" ng-if="$index % 3 == 0">
{{eventos[$index]}}
{{eventos[$index + 1]}}
{{eventos[$index + 1]}}
</div>