Как установить data-src на тег img, когда он имеет src attr при использовании AngularJs

Question

У меня проблема с глупой проблемой. Я пытаюсь сделать мои изображения ленивый нагрузки в моем угловом приложение, я попробовал это 2:

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

Но они оба установить src Аттрибут вместо data-src, мне не хватает здесь коснуться? Единственный способ сохранить data-src attr - не иметь никакого src attr ??? Это работает как ожидалось:

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

Почему? Как установить data-src на тег img, когда он имеет src attr?

Answer 1

Это может помочь вы-

Вы можете сделать это с помощью Jquery-

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

JsFiddle-

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

Answer 2

Я не совсем уверен, как угловатые играет здесь , поэтому я не совсем уверен, как он играет в проблему; anyways data атрибуты загружаются только в dataset при загрузке, то есть если у вас есть атрибут data-src, то в объекте dataset для этого элемента будет создано свойство src. Тем не менее, вы можете использовать это:

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