Bagaimana untuk Mencetuskan Fungsi jQuery Selepas ng-repeat Selesai Mengisi Jadual?

ng-repeat Finish Event

Soalan:

Cara memanggil fungsi jQuery yang menyasarkan jadual yang diisi dengan ng elemen -ulang, selepas populasi ng-ulang selesai?

Jawapan:

Arahan

Memandangkan tiada acara khusus terikat pada penghujung gelung ng-ulang , arahan menawarkan penyelesaian yang sesuai.

Seluruh Jadual Penyasaran

Untuk menggayakan atau menambahkan acara pada keseluruhan jadual, gunakan arahan yang merangkumi semua elemen ng-ulang.

Penyasaran Elemen Individu

Untuk memanipulasi elemen individu, letakkan arahan dalam ng-repeat. Ia akan dilaksanakan pada setiap elemen selepas penciptaannya.

$indeks, $first, $middle dan $last Properties

Gunakan sifat ini untuk mencetuskan peristiwa berdasarkan elemen kedudukan:

• $indeks: Indeks unsur semasa
• $first: Betul jika elemen ialah yang pertama dalam gelung
• $tengah: Betul jika elemen berada di antara yang pertama dan terakhir
• $last: Betul jika elemen adalah yang terakhir dalam gelung

Contoh Arahan

Arahan berikut menunjukkan cara menggunakan sifat dan menyasarkan jadual dan elemen individu:

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

Pendekatan ini membolehkan kedua-dua manipulasi jadual komprehensif dan tindakan khusus elemen berbutir.

Atas ialah kandungan terperinci Bagaimana untuk Mencetuskan Fungsi jQuery Selepas ng-repeat Selesai Mengisi Jadual?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!