2013-01-24 25 views
5

Uygun stil uygulamak için sunucudan çektiğim bir görüntünün görüntü genişliğini ve yüksekliğini elde etmeye çalışıyorum. Bu yüzden şablonu doldurmak için ng tekrarı kullanıyorum:Açısal ng-tekrardan sonra görüntü özelliklerine nasıl erişilir?

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

Sorum ben üst div class değiştirebilir böylece img nesneye nasıl erişebilirim edilir? Ya da angular.js böyle bir şey yapmanın yolu nedir?

Düzenleme: Daha fazla belirtmek için. En büyük boyutunu elde etmek için img nesnesine erişmek istiyorum ve stilini ebeveyne (şimdi sınıf span2 ile) uygulamak için boyutunu hesaplamak.

+0

Ne yapmak istediğiniz konusunda daha spesifik olabilir misiniz? –

+0

@JoshDavidMiller: Yayına açıklama ekliyorum. Ama temelde img nesnesine ulaşmak istediğimde boyutu – wonglik

cevap

14

Ne yapmaya çalıştığınızı bilmiyorum, ancak bir yönerge için bir işe benziyor.

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. 
     }); 
    } 
    }; 
}); 

ve bunu gibi kullanabilirsiniz istiyorum:

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

EDIT: Eğer Jquery kullanmıyorsanız, bu biraz değişecektir.

+0

aldım. – wonglik

İlgili konular