2013-01-24 25 views
5

我想获得图像的宽度和高度,我从服务器上拉取图像,以便为其应用适当的样式。所以我用NG-重复填写模板:如何在角度重复之后访问图像属性?

<div ng-repeat="feed in feeds"> 
<div class="span2" > 
    <img ng-src='{{feed.image_url}}'> 
</div> ... 

我的问题是如何访问IMG对象,以便我可以改变父DIV类?或者,做这样的事情的angular.js方法是什么?

编辑:更具体说明。我想要访问img对象来获取它的宽度和高度来计算其大小,以将样式应用于父div(当前使用类span2)。

+0

你能更具体地说明你想做什么吗? –

+0

@JoshDavidMiller:我在帖子中增加了说明。但基本上我想访问img对象后,它被填充以获得其大小 – wonglik

回答

14

我不知道你在做什么,但这听起来像是一个指令的工作。

app.directive('styleParent', function(){ 
    return { 
    restrict: 'A', 
    link: function(scope, elem, attr) { 
     elem.on('load', function() { 
      var w = $(this).width(), 
       h = $(this).height(); 

      var div = elem.parent(); 

      //check width and height and apply styling to parent here. 
     }); 
    } 
    }; 
}); 

,你会使用它像这样:

<img ng-src="imageFile" style-parent/> 

编辑:如果你不使用jQuery,这将改变一点点。

+0

是的,这就是我需要感谢 – wonglik