Was ist der Unterschied zwischen src und ng-src in AngularJS?

Question

Vor kurzem stieß ich auf diese:

<img ng-src="data:image/png;base64,{{image}}"> 

Was ist der Unterschied mit:

<img src="data:image/png;base64,{{image}}"> 

ich die Daten durch einen http Post Anfrage erhalten.

Answer 1

Der Unterschied ist, an welchem ​​Punkt das Bild geladen wird.

Wenn Sie ng-src hinzufügen wird es zuerst Last/lösen die Bilddaten und dann anwenden.

<img ng-src="data:image/png;base64,{{image}}"> 

Wo, wie, wenn Sie direkt die Verwendung:

<img src="data:image/png;base64,{{image}}"> 

Angular wird zuerst versuchen, das Bild zu finden, aber da die Daten noch nicht geladen ist, wird es die folgenden Fehler aus:

GET data:image/png;base64,{{image}} net::ERR_INVALID_URL