SORU
20 Kasım 2012, Salı


ng-repeat bitir olayı

Tablo ile bazı jQuery işlevi hedefleme div aramanı istiyorum. Bu Tablo ng-repeat ile doldurulur.

Onu aradığımda

$(document).ready()

Hiçbir sonuç var.

Ayrıca

$scope.$on('$viewContentLoaded', myFunc);

yardımcı olmuyor.

Sağ ng-repeat nüfus tamamlandıktan sonra işlevi çalıştırmak için herhangi bir yolu var mı? Özel directive ama ng-repeat ile kullanmak için nasıl hiçbir ipucu var kullanma hakkında bir öneri ve benim div okudum

CEVAP
20 Kasım 2012, Salı


Gerçekten de, yönergeleri kullanmanız gerekir, ve hiçbir olay ng-Tekrar bir döngü, her öğe ayrı ayrı inşa edilmiştir, ve kendi olayı gibi) sonuna kadar bağlı. Ancak bu direktifler, tüm ihtiyacınız olabilir kullanarak ve (b) "on" olayı bitirdim. ngRepeat yapabilirsiniz ng-Repeat birkaç özel özellikleri vardır

Eğer istediğiniz tüm stil için tablonun tüm olayları add/özellikle çok ngRepeat tüm unsurları kapsayan bir yönerge kullanarak yapabilirsiniz. Eğer her bir unsur, özellikle de hitap etmek istiyorsanız öte yandan, ngRepeat içinde bir yönergeyi kullanabilirsiniz, ve oluşturulduktan sonra, her öğe üzerinde hareket eder.

Sonra, dizin $var, $ilk, $olayları tetiklemek için orta ve $son özellikleri. Bu HTML için:

<div ng-controller="Ctrl" my-main-directive>
  <div ng-repeat="thing in things" my-repeat-directive>
    thing {{thing}}
  </div>
</div>

Direktifleri gibi kullanabilirsiniz:

angular.module('myApp', [])
.directive('myRepeatDirective', function() {
  return function(scope, element, attrs) {
    angular.element(element).css('color','blue');
    if (scope.$last){
      window.alert("im the last!");
    }
  };
})
.directive('myMainDirective', function() {
  return function(scope, element, attrs) {
    angular.element(element).css('border','5px solid red');
  };
});

Plunker Bu eylem olarak görmek. Umarım bu yardımcı olur!

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • case LianLi

    case LianLi

    28 Mayıs 2010
  • JorteexHD

    JorteexHD

    20 NİSAN 2012
  • LiteralMSPaint

    LiteralMSPai

    27 EKİM 2010