我面临一个愚蠢的问题。我试图使我的图像在我的角度应用程序中延迟加载,我已经尝试过了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
attr的唯一方法是不具有任何src
attr ???这按预期工作:<img ng-attr-data-src="{{appCtrl.img}}" >
<img data-src="{{appCtrl.img}}" >
为什么?
当具有
data-src
属性的img标签上如何设置src
? 最佳答案
我不太确定这里的角度如何,所以我不确定它如何影响问题。无论如何,data
属性只是在加载时加载到dataset
中,这意味着,如果具有data-src
属性,则会在src
对象中为此元素创建dataset
属性。也就是说,您可以使用以下代码:
yourDOMElement.dataset.src = "{{appCtrl.img}}"