如何在使用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}}"