カスタムディレクティブ内でimgソースを取得できません

Question

私はimg srcを取得するカスタムディレクティブを持っていますが、これはスコープ変数から来ています。次に、この画像を保存するか、元の画像を変更するために、この画像サイズと画面サイズを確認します。

しかし、私も最初の場所での映像ソースを取得することができないんだけど、これは私のディレクティブです：

function repSrc($timeout) { 
    return { 
     restrict: 'A', 
     scope: true, 
     link: function(scope, element, attrs) { 
      //Get image source here 
      console.log(attrs.repSrc); 
     } 
    } 
} 

そして、私のhtml：

<li ng-repeat="obj in vm.imageList"> 
    <img rep-src="{{obj.imgDetail}}" /> 
</li> 

私もディレクティブを使用しようとしましたコントローラ内でスコープの値を

scope: { 
    localImg: '@repSrc' 
} 

に変更しようとしましたが、すべてg私は空の文字列をattrs値にします。私は間違って何をしていますか？

Answer 1

あなたの指示は正常に機能するはずです（here's an example）。私はobj.imgDetailが単に空であると思う。