Nasıl bir html öğesi olmadan ng-repeat kullanmak
ng-repeat
kullanmam lazım (AngularJS) bir dizideki tüm öğeleri listelemek için.
Komplikasyon dizinin her elemanı ya da bir, bir masa, iki veya üç sıra için dönüştürecek.
Edemezsem ng-repeat
yinelenen öğe, herhangi bir şekli <tbody>
<tr>
arasında izin verilir unsuru olarak kullanılan, geçerli html oluşturun.
Eğer kullanırsam örneğin, ng-repeat <span>
, alacağı:
<table>
<tbody>
<span>
<tr>...</tr>
</span>
<span>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
</span>
<span>
<tr>...</tr>
<tr>...</tr>
</span>
</tbody>
</table>
Geçersiz html olan.
Ama oluşturulmasına ne gerek var:
<table>
<tbody>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
</tbody>
</table>
ilk satır ilk dizi elemanı tarafından oluşturuldu yerde, her saniye sonraki üç ve son dizi elemanı tarafından beşinci ve altıncı.
Nasıl böyle ng-repeat kullanan bağlı olduğu html öğesi olabilir ben 'kaybolur' render sırasında?
Yoksa bunun başka bir çözümü var mı?
Açıklama: oluşturulan yapı aşağıdaki gibi görünmelidir. Her bir dizi öğesi tablo arasında 1-3 satır oluşturabilir. Cevap ideal olarak 0-n dizi öğesi başına satır desteklemelidir.
<table>
<tbody>
<!-- array element 0 -->
<tr>
<td>One row item</td>
</tr>
<!-- array element 1 -->
<tr>
<td>Three row item</td>
</tr>
<tr>
<td>Some product details</td>
</tr>
<tr>
<td>Customer ratings</td>
</tr>
<!-- array element 2 -->
<tr>
<td>Two row item</td>
</tr>
<tr>
<td>Full description</td>
</tr>
</tbody>
</table>
CEVAP
AngularJS 1.2 olarak sizden tam olarak bir yönerge ng-repeat-start
adında bir kız vardı. Benim cevabım in this question bunu kullanmak için nasıl bir açıklama için bkz.
Nasıl HTML Çeviklik paketi kullanmak i...
Nasıl bir HTML <select> öğesi iç...
Nasıl jilet (özellikle HTML öznitelikl...
Nasıl bir HTML öğesi almak'In ger...
Nasıl baskı başlık için HTML kullanmak...