AngularJs ng-repeat group group

我有這樣的：

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>

確定。完美的作品。

但是如果你想一個div涉及每3次迭代，從而導致類似：

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

這個複雜的問題剛剛發現的解決方案，並不能申請其中任何

謝謝

來源

2014-09-12 Leandro Castro

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>

來源

2014-09-12 14:39:00

AngularJs ng-repeat group group

回答

相關問題