SORU
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ş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Candyrat Records

    Candyrat Rec

    10 Mayıs 2006
  • Elly Awesome

    Elly Awesome

    15 ŞUBAT 2010
  • GavinMichaelBooth

    GavinMichael

    26 AĞUSTOS 2006