ng-repeat がテーブルの作成を完了した後に jQuery 関数をトリガーするにはどうすればよいですか?

ng-repeat 作成後のイベントのトリガー

ng-repeat を使用して作成されたテーブルを含む div で jQuery 関数を実行したいとします。 $(document).ready() も $scope.$on('$viewContentLoaded', myFunc) もありません

カスタム ディレクティブのアプローチ

ディレクティブは、カスタム機能を作成する方法を提供します。 ng-repeat ループの終了には組み込みイベントがないため、ディレクティブを使用してこれを実現できます。

考慮すべきシナリオは 2 つあります。

1. テーブル全体の操作: テーブル全体にイベントをスタイル設定または追加するだけの場合は、すべてのイベントを包含するディレクティブを使用できます。 ng-repeat 要素。
2. 要素固有の操作: 個々の要素をターゲットにする必要がある場合は、作成後に各要素に作用する ng-repeat 内でディレクティブを使用できます。

トリガーのプロパティイベント

さらに、ng-repeat で次のプロパティを利用できます:

• $index: 現在の要素のインデックス。
• $first : 要素がリストの最初であるかどうかを示すブール値。
• $middle: 要素がリスト内にあるかどうかを示すブール値。
• $last: 要素がリストの最後であるかどうかを示すブール値。

例

次の HTML:

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

を操作するディレクティブを定義できます。 elements:

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

この例では、myRepeatDirective が各要素の色を青に設定し、「私が最後です!」と警告します。最後の要素については。 myMainDirective はテーブル全体の周囲に境界線を設定します。

以上がng-repeat がテーブルの作成を完了した後に jQuery 関数をトリガーするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。