ng-repeat를 사용하여 요소의 outerHeight()를 감지합니다.

Question

데이터베이스의 데이터에 따라 변경되는 요소의 높이를 감지하려고합니다.

이전에 .outerHeight를 사용했지만 성공적으로 사용했지만 ng-repeat의 데이터가 포함 된 요소에서는 사용할 수 없습니다.

데이터에 각도 요소가 채워지면이 작업을 수행 할 수 있습니까? 아니면이를 감지하는 다른 방법이 있습니까?

Answer 1

예, 속성 지시문을 만들어 ng-repeat에 넣어야합니다.

<div ng-repeat="whatever in items" outer-height></div> 

지시문에는 컴파일 된 후 발생하는 링크 기능이 있습니다.

app.directive('outerHeight', function(){ 
    return{ 
    restrict:'A', 
    link: function(scope, element){ 
     //using outerHeight() assumes you have jQuery 
     //use Asok's method in comments if not using jQuery 
     console.log(element.outerHeight()); 
    } 
    }; 
}); 

다음은 콘솔에 outerHeight를 기록합니다 이는 Plnkr입니다 : http://plnkr.co/edit/AdGpnzJilW2179Ybuurk?p=preview

주 당신은 $watch를 사용하고 새로운 높이에 데이터가 변경 될 경우를 취득해야합니다.