如何在使用AngularJs時在src attr時在img標籤上設置data-src

Question

我正面臨着一個愚蠢的問題。我試圖讓我的圖片延遲加載在我的角度的應用程序，我已經嘗試了這個2：

<img src="/img/blank.gif" data-src="{{appCtrl.img}}" > 
<img src="/img/blank.gif" ng-attr-data-src="{{appCtrl.img}}" > 

但他們都設置src attr的，而不是data-src，我失去了成才嗎？保持data-src屬性的唯一方法是不要有任何src屬性？這按預期工作：

<img ng-attr-data-src="{{appCtrl.img}}" > 
<img data-src="{{appCtrl.img}}" > 

爲什麼？ 如何在012gattr上設置data-src img標籤？

Answer 1

這可能會幫助你 -

則可以使用Jquery-

$("img").attr("data-src","appCtrl.img"); 

JsFiddle-

https://jsfiddle.net/codecore/2fqbbsst/

Answer 2

做我不太清楚這裏如何角戲，所以我不完全確定它是如何影響問題的;無論如何data屬性只是加載到dataset加載，這意味着如果你有data-src屬性src屬性將在dataset對象中創建此元素。這就是說，你可以使用這個：

yourDOMElement.dataset.src = "{{appCtrl.img}}"