Question

我有一个像这样的简单图像指令：

(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/>

我所需要的只是在指令中获取图像src属性，但我似乎无法找到如何做到这一点。任何人都可以帮我吗？非常感谢！

Answer 1

在属性中有一个表达式，它将在实例化指令后进行评估。您可以使用$ observe来获取值：

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

如何在指令中获取图像源属性？

1 个答案: