Comment déclencher une fonction jQuery une fois que ng-repeat a fini de remplir une table ?

ng-repeat Finish Event

Question :

Comment appeler une fonction jQuery qui cible une table remplie de ng -éléments de répétition, après la population ng-repeat se termine ?

Réponse :

Directives

Puisqu'il n'y a pas d'événement dédié lié à la fin d'une boucle ng-repeat , les directives offrent une solution adaptée.

Table-Wide Ciblage

Pour styliser ou ajouter des événements à l'ensemble du tableau, utilisez une directive qui englobe tous les éléments ng-repeat.

Ciblage d'éléments individuels

Pour manipuler des éléments individuels, placez une directive dans le ng-repeat. Il s'exécutera sur chaque élément après sa création.

$index, $first, $middle et $last Propriétés

Exploitez ces propriétés pour déclencher des événements en fonction de l'élément positions :

• $index : index de l'élément actuel
• $first : vrai si l'élément est le premier du loop
• $middle : Vrai si l'élément est entre le premier et le dernier
• $last : Vrai si l'élément est le dernier de la boucle

Exemple de directive

Les directives suivantes montrent comment utiliser les propriétés et cibler la table et l'individu éléments :

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');
  };
});

Cette approche permet à la fois une manipulation complète des tables et des actions granulaires spécifiques aux éléments.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!