2013-01-24 52 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