我面临一个愚蠢的问题。我试图使我的图像在我的角度应用程序中延迟加载,我已经尝试过了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}}"

08-17 18:09
查看更多