SORU
29 Mayıs 2013, ÇARŞAMBA


Ng-repeat dizi tekrar yerine kez belirli sayıda yolu olabilir mi?

Bir şekilde ng-repeat her zaman bir dizi üzerinde yineleme yerine kez belirli bir sayı var mı?

Örneğin, aşağıda istediğim liste öğesi göstermek için 5 kez farz $scope.number 5 eşit ek olarak, artan sayıda her liste öğesi artırır gibi 1, 2, 3, 4, 5

İstenilen sonuç:

<ul>
   <li><span>1</span></li>
   <li><span>2</span></li>
   <li><span>3</span></li>
   <li><span>4</span></li>
   <li><span>5</span></li>
</ul>

CEVAP
29 Mayıs 2013, ÇARŞAMBA


Şu anda ng-repeat tek bir parametre olarak bir koleksiyon kabul eder, ama bunu yapabilirsiniz:

<ul>
    <li ng-repeat="i in getNumber(number)"><span>{{$index 1}}</span></li>
</ul>

Ve denetleyici Bir yerde:

$scope.number = 5;
$scope.getNumber = function(num) {
    return new Array(num);   
}

Bu senin istediğin gibi, herhangi bir sayı için $scope.number değiştirmek için izin verecek ve hala aradığınız bağlayıcı korumak.

Listeler getNumber aynı fonksiyonu kullanarak bir çift ile Here is a fiddle.

1/6/2014 DÜZENLEYİN: Açısal yeni sürümleri, aşağıdaki sözdizimini kullanın:

<li ng-repeat="i in getNumber(number) track by $index">

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Abe Olandres

    Abe Olandres

    16 EYLÜL 2006
  • MkElite

    MkElite

    13 NİSAN 2012
  • The Slow Mo Guys

    The Slow Mo

    15 AĞUSTOS 2010