Question

同事;

我有这个：

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>

刚刚找到解决这个复杂问题的解决方案，但无法应用其中任何一个

谢谢

Answer 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>

组中的AngularJs ng-repeat

1 个答案: