ng-repeat ile yeni satırı otomatik olarak ekle

Question

tables değişkeninde bir sürü veri var ve çok fazla ızgara görünümü oluşturmak istiyorum, ancak her 2 ızgara için yeni satırı oluşturamıyorum. Başka bir div içine satırları kaydırmak ve şartlı başka satır eklemek için ng-repeat den $odd değişkeni kullanabilirsiniz

<ion-content class="has-header"> 
    <div class="row"> 
     <div class="col col-40" ng-repeat="table in tables" style="background:{{table.warna}}">{{table.fstRoomName}}<br/>{{table.fsiStatus}}</div> 
    </div> 
</ion-content> 

Answer 1

:

İşte benim kod.

<div ng-repeat="table in tables"> 
    <div class="col col-40" style="background:{{table.warna}}">{table.fstRoomName}}<br/>{{table.fsiStatus}}</div> 
    <div ng-if="$odd"> 
     This will be visible every second item. 
    </div> 
</div> 

Answer 2

bazı açıklama sonra burada başka bir cevaptır. Her 2 öğeden sonra bir miktar marj uygulamak için CSS kullanın.

<div class="padded col col-40" ng-repeat="table in tables" style="background:{{table.warna}}">{{table.fstRoomName}}<br/>{{table.fsiStatus}}</div> 

CSS:

.padded:nth-child(odd) { 
    margin-bottom: 10px; 
}