ng-repeat가 테이블 채우기를 마친 후 jQuery 함수를 트리거하는 방법은 무엇입니까?

ng-repeat 종료 이벤트

질문:

ng로 채워진 테이블을 대상으로 하는 jQuery 함수를 호출하는 방법 -반복 요소, ng-repeat 채우기 이후 완료됩니까?

답변:

지시문

ng-repeat 루프의 끝에 연결된 전용 이벤트가 없기 때문입니다. , 지시어는 적합한 것을 제공합니다 솔루션.

테이블 전체 타겟팅

스타일을 지정하거나 전체 테이블에 이벤트를 추가하려면 모든 ng-repeat 요소를 포함하는 지시어를 사용하세요.

개별 요소 타겟팅

개별 요소를 조작하려면, ng-repeat 내에 지시문을 배치합니다. 생성 후 각 요소에서 실행됩니다.

$index, $first, $middle 및 $last 속성

이러한 속성을 활용하여 요소 기반 이벤트를 트리거합니다. position:

• $index: 현재 요소의 인덱스
• $first: true인 경우 요소가 루프의 첫 번째입니다
• $middle: 요소가 첫 번째와 마지막 사이에 있는 경우 True
• $last: 요소가 루프의 마지막인 경우 True

지시문 예

다음 지시문은 속성을 사용하고 테이블을 대상으로 지정하는 방법을 보여줍니다. 및 개별 요소:

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

이 접근 방식을 사용하면 포괄적인 테이블 조작과 세부적인 요소별 작업이 모두 가능합니다.

위 내용은 ng-repeat가 테이블 채우기를 마친 후 jQuery 함수를 트리거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!