ng-Repeat が要素の入力を完了したときにトリガーされるイベントはありますか?

ng-Repeat 入力完了イベント

問題

$(document).ready() 内で jQuery セレクターを使用して ng-repeat によって設定された要素を操作するまたは $scope.$on('$viewContentLoaded', myFunc) は無駄であることがわかります。 ng-repeat の完了時にトリガーされる専用のイベントはありますか?

回答

ng-repeat の終了を通知する特定のイベントはありませんが、ディレクティブと ng-repeat 固有のプロパティを利用することで実行可能なイベントが提供されます。 solution.

ディレクティブ

テーブル全体にイベント ハンドラーをスタイル設定したり付加したりすることが目的の場合は、すべての ng-repeat 要素をカプセル化するディレクティブを使用できます。逆に、特定の要素をアドレス指定するには、作成された要素ごとに実行される ng-repeat 内でディレクティブを使用します。

Ng-Repeat Properties

$index、$ first、$middle、および $last プロパティにより、イベントのトリガーが可能になります。たとえば、$last プロパティを利用して、最後の要素が作成されたときにアラートを表示できます。

例

次の HTML について考えてみましょう。

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

付随するディレクティブは次のようになります。

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

このソリューションのサンプルを以下に示します。このプランカーによるアクション。

以上がng-Repeat が要素の入力を完了したときにトリガーされるイベントはありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。