로드 된 즉시 DOM 요소를 움켜 잡는 방법

Question

그리드 중 하나에서 밖으로 ng-grid를 사용하는 각형 응용 프로그램에서 ng-init 함수가 연결된 셀 템플릿이 있습니다. 그 중 하나는 dom 요소입니다.

var cellTemplate = '<div class="fooProperty" ng-init="setIcon($event, \'foo\',row.entity.foo)" ng-class="{\'foo_enabled\' : row.entity.foo, \'foo_disabled\' : !row.entity.hasFoo}" ng-click="changeRole($event, \'foo\')" title="Foo Bar"></div>' 

내 지시에의 setIcon 위해 작성한 코드는 내가 데 문제가

scope.setIcon = function($event,type,iconInfo){ 
    var target = $event.target; 
    var row = (target).parent().parent(); 
    console.log(type+": "+iconInfo); 
    console.log(row); 
}; 

이라는 NG-init 함수 화재가 난에서 정의되지 않은의 TypeError: Cannot read property 'target' 말하는 오류 메시지가 표시 될 때 var target = $event.target;.

편집 :

그래서 문제가 더 DOM 이벤트가 발생하지 않기 때문에 내가 ng-init에 $event를 사용할 수 있다는 것입니다. 이제 내 질문은 위의 코드를 편집하여 DOM 요소를로드하자 마자 DOM 요소를 잡아낼 수있는 방법입니다 (본질적으로 적절한 각도의 onload를 알 필요가 있습니다).

Answer 1

대신 nginit의 지시어를 사용할 수 있습니다

:

app.directive('domLoaded', function($timeout) { 
    return { 
    link : function ($scope, $element, $attrs) { 
     $timeout(function() { 
     var row = $($element).parent().parent(); 
     console.log(row); 
     }); 
    } 
    }; 
}); 

사용 :

cellTemplate = '<div class="fooProperty" dom-loaded ng-class="{\'foo_enabled\' : row.entity.foo, \'foo_disabled\' : !row.entity.hasFoo}" ng-click="changeRole($event, \'foo\')" title="Foo Bar"></div>'