獲取Angularjs中未定義的ng-repeat中元素的比例

Question

我試圖獲取ng-repeat中當前元素的高度。

當我登錄時element我可以在控制檯中看到具有clientHeight屬性的整個對象。但如果我記錄element[0].clientHeight分別控制檯返回undefined ..

我在做什麼錯了？

JS

app.directive('photo', function(){ 
    return { 
     restrict: 'A', 
     link: function(scope, element, attrs) { 
      console.log(element[0].clientHeight); 
     } 
    } 
}); 

HTML

<div ng-repeat="media in mediaScope" class="gallery_media col-xs-6"> 
    <img photo ng-src="{{ media.url }}"> 
</div> 

Answer 1

您需要在元素上設置onload事件，這將讓來來往往的img時調用src屬性加載

指令

app.directive('photo', function(){ 
    return { 
     restrict: 'E', 
     link: function(scope, element, attrs) { 
      element.on('load', function(){ 
       console.log(element[0].clientHeight); 
      }); 
     } 
    } 
}); 

Answer 2

pankajparkar響應是正確的，但限制參數應設置爲'A'。

restrict: 'A' 

http://jsfiddle.net/andresrondan/kaL5eot0/1/