[IONIC / AngularJS] Ionic에서 ng-repeat이 끝났을 때 이벤트/메소드 실행하기

ng-repeat이 끝났을 때 특정 메소드를 실행하고 싶을수가 있다.

예를 들어

alert( 108건의 데이터가 조회되었습니다. ); 같은 횟수를 체크하고 싶은 경우도 있고..

아무튼 볶음고추장처럼 알아두면 언제든 사용할 수 있을만한 꿀팁!!

1. controller.js 에 directive 추가해주기

angular.module('starter.controllers', ['firebase']) .controller( 'sampleCtrl', function().....); .controller( 'sampleCtrl2', function()....);

이렇게 사용하고 계실텐데,  아래와 같이 수정해주세요.

angular.module('starter.controllers', ['firebase']) /////////////////// 추가된 부분 /////////////////// .directive('ngRepeatEndWatch', function () { return { restrict: 'A', scope: {}, link: function (scope, element, attrs) { if (attrs.ngRepeat) { if (scope.$parent.$last) { if (attrs.ngRepeatEndWatch !== '') { if (typeof scope.$parent.$parent[attrs.ngRepeatEndWatch] === 'function') { scope.$parent.$parent[attrs.ngRepeatEndWatch](); } else { scope.$parent.$parent[attrs.ngRepeatEndWatch] = true; } } else { scope.$parent.$parent.ngRepeatEnd = true; } } } else { throw 'ngRepeatEndWatch: `ngRepeat` Directive required to use this Directive'; } } }; }) /////////////////// 추가된 부분 끝 /////////////////// .controller( 'sampleCtrl', function().....); .controller( 'sampleCtrl2', function().....);

2. html 파일에서 ng-repeat 하는 구간에 ng-repeat-end-watch="sampleFunction"을 추가해줍니다.

(당연히 sampleFunction은 해당 파일의 controller의 $scope에 담긴 함수겠지요?)

<div ng-controller="sampleCtrl"> <div class="list"> <a href="" ng-repeat="data in datas" ng-repeat-end-watch="sampleFunction"> </div> </div>

***

- 만약 sampleFunction이 alert(); 라고 한다면 data가 다 출력 된 이후에 alert창이 뜰겁니다.

- 댓글에 이메일 달아주시면 샘플코드 보내드릴게요!