<img src="default.png" data-new-image/>

newImage是我定义的一个指令,它将从服务器获取图像(基于某些条件),在计算和获取图像时,我显示了default.png图像文件.

在这个指令中,我将链接函数定义为：

return {
    link: function (scope,element,attrs) {
        //My custom logic here to determine which image to show
        //and then fetch from the server
        //After HTTP request,assigning image to image source
        attrs.src = "image_fetched_from_server.png";
    }
};

但是这不会更新图像src属性.我可以看到清晰的图像和分配图像后的console.log(attrs)显示源属性已更新为新图像.但是浏览器中的DOM检查器显示没有对源的更改 – 它仍然显示default.png

我在这里使用指令而不是控制器 – 我知道我可以使用控制器并使用ng-src但我在多个控制器上有这个逻辑,指令是我的最佳选择.如何更改图像标记的来源？我想知道ng-src是怎么做到的？