Làm cách nào để truy cập các thuộc tính hình ảnh sau khi ngả lặp lại góc?

Question

Tôi đang cố gắng lấy chiều rộng và chiều cao của hình ảnh mà tôi kéo từ máy chủ để áp dụng kiểu phù hợp cho nó. Vì vậy, tôi đang sử dụng ng-repeat để điền vào mẫu:

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

Câu hỏi của tôi là làm cách nào để truy cập vào đối tượng img để tôi có thể thay đổi lớp div cha? Hoặc có thể cách làm của angular.js như thế nào?

Chỉnh sửa: Để được chỉ định rõ hơn. Tôi muốn truy cập đối tượng img để có được chiều rộng và chiều cao của nó để tính toán kích thước của nó để áp dụng kiểu cho div cha (hiện tại với lớp span2).

Answer 1

Tôi không biết những gì bạn đang cố gắng làm, nhưng nó giống như một công việc cho một chỉ thị.

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

và bạn muốn sử dụng nó như vậy:

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

EDIT: Nếu bạn không sử dụng jquery, điều này sẽ thay đổi một chút.