angular 렌 더 링 페이지 완성 판단

며칠 전에 프로젝트 를 쓸 때 페이지 순환 렌 더 링 요청 한 데 이 터 를 한 후에 함 수 를 실행 해 야 합 니 다. jQ 든 원생 js 의 입구 함수 든 안 됩 니 다. Anular 의 생태 시스템 이 비교적 완선 하지만 jQ 를 인용 하여 DOM 요 소 를 조작 할 필요 가 없습니다.다시 말 하면 자 료 를 찾 아 보면 AnguarJs 는 Html 에 대한 강 화 된 의미 태그 (directive) 를 제공 합 니 다. 이 태그 들 은 브 라 우 저 에서 페이지 를 불 러 온 후에 실 행 됩 니 다.
//var app         
app.directive('onRepeatFinishedRender', function ($timeout) {
    return {
        restrict: 'A',
        link: function (scope, element, attr) {
            if (scope.$last === true) {
                $timeout(function () {
                  scope.$emit('ngRepeatFinished', element);
                });
            }
        }
    };
});
$scope.$on("ngRepeatFinished", function (repeatFinishedEvent, element){
    var repeatId = element.parent().attr("repeat-id");
    //r1      ,       repeat-id    
    if(repeatId=="r1"){
        //              
    }
 })

html:
    repeat-id="r1">
  • repeat="item in data" on-repeat-finished-render> ……

마음대로 정리 하면 꼭 쓸모 가 있 는 것 은 아 닙 니 다. 모두 가 함께 교류 할 수 있 잖 아 요.́ . •̀,,)

좋은 웹페이지 즐겨찾기