Wie man data-src auf img-Tag setzt, wenn es src attr hat, wenn AngularJs verwendet wird

Question

Ich stehe vor einem dummen Problem. Ich versuche, meine Bilder faul Last in meinem Winkel app zu machen, habe ich versucht, dieses 2:

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

Aber sie beide setzen die src attr statt data-src bin ich some hier fehlt? Die einzige Möglichkeit, die data-src Attr zu halten, ist keine src attr ??? Dies funktioniert wie erwartet:

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

Warum? Wie setze ich data-src auf img-Tag, wenn es src attr hat?

Answer 1

Dies könnte du-

Sie helfen, es Jquery-

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

JsFiddle- hier mit tun können

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

Answer 2

Ich bin nicht ganz sicher, wie Winkel spielt in , also bin ich mir nicht sicher, wie es in das Problem hineinspielt; anyways data Attribute werden nur in die dataset geladen, was bedeutet, wenn Sie das data-src Attribut haben, wird eine src Eigenschaft im dataset Objekt für dieses Element erstellt. Das heißt, können Sie diese verwenden:

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