Wie löst man eine jQuery-Funktion aus, nachdem ng-repeat das Auffüllen einer Tabelle abgeschlossen hat?

ng-repeat Finish Event

Frage:

Wie rufe ich eine jQuery-Funktion auf, die auf eine mit ng gefüllte Tabelle abzielt? -repeat-Elemente nach der ng-repeat-Population abgeschlossen?

Antwort:

Anweisungen

Da es kein dediziertes Ereignis gibt, das an das Ende einer ng-repeat-Schleife gebunden ist , Direktiven bieten eine passende Lösung.

Table-Wide Targeting

Zum Stylen oder Hinzufügen von Ereignissen zur gesamten Tabelle verwenden Sie eine Direktive, die alle ng-repeat-Elemente umfasst.

Einzelelement-Targeting

Um einzelne Elemente zu manipulieren, platzieren Sie eine Direktive innerhalb der ng-repeat. Es wird nach seiner Erstellung für jedes Element ausgeführt.

Eigenschaften $index, $first, $middle und $last

Nutzen Sie diese Eigenschaften, um Ereignisse basierend auf dem Element auszulösen Positionen:

• $index: Index des aktuellen Elements
• $first: True, wenn das Element das erste im ist Schleife
• $middle: True, wenn das Element zwischen dem ersten und dem letzten liegt
• $last: True, wenn das Element das letzte in der Schleife ist

Anweisungsbeispiel

Die folgenden Anweisungen veranschaulichen, wie die Eigenschaften verwendet und auf die Tabelle und die Person ausgerichtet werden Elemente:

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

Dieser Ansatz ermöglicht sowohl eine umfassende Tabellenmanipulation als auch granulare elementspezifische Aktionen.

Das obige ist der detaillierte Inhalt vonWie löst man eine jQuery-Funktion aus, nachdem ng-repeat das Auffüllen einer Tabelle abgeschlossen hat?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!