12 EKİM 2012, Cuma
AngularJS-tekrar ng herhangi bir html öğesi ile
Şu anda bu kod parçası bir listesini oluşturmak için kullanıyorum:
<ul ng-cloak>
<div ng-repeat="n in list">
<li><a href="{{ n[1] }}">{{ n[0] }}</a></li>
<li class="divider"></i>
</div>
<li>Additional item</li>
</ul>
Ancak, <div>
öğe bazı tarayıcılarda çok küçük bazı render hataları neden oluyor.
Bir div konteyner olmadan ng-tekrar yapmak, ya da aynı etkiyi elde etmek için bazı bilmek istiyorum.
CEVAP
16 EYLÜL 2013, PAZARTESİ
Olarak Andy Joslin yorum ng-tekrarlar but apparently there were too many browser issues temel üzerinde çalıştıklarını söylemişti. Neyse ki AngularJS 1.2 yerleşik destek yeni direktifleri ile alt öğeler eklemeden tekrar ekler ng-repeat-start
ng-repeat-end
.
İşte Bootstrap pagination eklemek için küçük bir örnek:
<ul class="pagination">
<li>
<a href="#">«</a>
</li>
<li ng-repeat-start="page in [1,2,3,4,5,6]"><a href="#">{{page}}</a></li>
<li ng-repeat-end class="divider"></li>
<li>
<a href="#">»</a>
</li>
</ul>
Tam bir çalışma örneği here bulunabilir.
John Lindquist de video tutorial of this over at his excellent egghead.io page vardır.
Bunu Paylaş:
AngularJS :-tekrar ng listesi model bi...
HTML öğesi kaydırma çubukları olup olm...
bir WordPress kullanmak bir&; giriş>...
Nasıl bir html öğesi olmadan ng-repeat...
Bir html öğesi birden fazla kimliği ol...