Javascript 获取ng repeat中元素的比例返回Angularjs中未定义的

Javascript 获取ng repeat中元素的比例返回Angularjs中未定义的,javascript,angularjs,Javascript,Angularjs,我试图得到ng repeat中当前元素的高度 当我记录元素时,我可以在控制台中看到带有clientHeight属性的整个对象。但如果我记录元素[0],clientHeight会分别返回未定义的 我做错了什么 JS app.directive('photo', function(){ return { restrict: 'A', link: function(scope, element, attrs) { console.log(

我试图得到ng repeat中当前元素的高度

当我记录
元素
时,我可以在控制台中看到带有
clientHeight
属性的整个对象。但如果我记录
元素[0],clientHeight
会分别返回
未定义的

我做错了什么

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>

您需要在该元素上设置
onload
事件,该事件将在加载img fro
src
属性时得到调用

指令

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

pankajparkar响应是正确的,但限制参数应设置为“A”

restrict: 'A'

它是
未定义的
还是
0
?应该是
0
,因为
img
还没有loaded@alliswell看看我的答案,会对你有帮助的..默认情况下
restrict:'a'
only..你为什么要指定它..bdw你有相同的代码..我已经发布了..谢谢@pankajparkar!:)