ディレクティブ内でイメージソース属性を取得する方法は？

Question

私はこのような単純な画像のディレクティブがあります。私が必要とするのは、ディレクティブ内の画像のsrc属性を取得することですが、私は行う方法を見つけることができないよう

(function() { 
    'use strict';  
    angular 
     .module('myapp') 
     .directive('imageTest', imageTest); 
    function imageTest() { 
     var directive = { 
      'link': link, 
      'restrict': 'A', 
      'scope': {} 
     }; 

     return directive; 
    } 

    function link($scope, element) { 
     var src = element.src; 
     console.log(src) => undefined 
     // code to modify src 
    } 

})(); 

HTML

<img id="image" ng-src="{{myImg.url}}" image-test/> 

をそれ。誰もそれについて私を助けることができますか？どうもありがとう！

Answer 1

属性には、ディレクティブのインスタンス化後に評価される式があります。 $ observeを使用して値を取得することができます。

function link($scope, element, attrs) { 
    attrs.$observe('ngSrc', function(url) { 
     console.log(url); 
    }); 
}