2013-01-24 5 views
5

適切なスタイルを適用するために、サーバーから取得するイメージのイメージの幅と高さを取得しようとしています。テンプレートを入力するのにng-repeatを使用しています:角度ng-repeatの後にイメージプロパティにアクセスするには?

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

私は親のdivクラスを変更できるようにimgオブジェクトにアクセスするにはどうすればよいですか?そういうことをしているのは何ですか?

編集:詳細を指定します。 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/> 

EDIT:あなたはjqueryのを使用していない場合、これは少し異なります。

+0

を取得したいと思っています。 – wonglik

関連する問題