Laden des Bildes unter Verwendung der Variablen, die enthältbase64 Daten in AngularJS

Ich versuche, den richtigen Weg zu finden, um eine Bildquelle aus einer Variablen zu laden, die enthältbase64 codierte Bilddaten (z. B. von einer Leinwand mittoDataURL(); ).

Zuerst habe ich es einfach so ausprobiert:

<img src="{{image.dataURL}}" />

Dabei ist das Bild eine Bereichsvariable mit einer VariablendataURL mit dembase64 Daten. Das funktioniert eigentlich ganz gut, das einzige Problem ist, dass ich einen bekomme404 Fehler in meiner Konsole. Etwas wie das:

BEKOMMENhttp://www.example.com/%7B%7Bimage.dataURL%7D%7D 404 Nicht gefunden)

Nicht so hübsch. Als ich eine eckigere Lösung wie diese ausprobierte:

<img data-ng-src="image.dataURL" />

Die Bilder werden überhaupt nicht geladen. Ich habe eine Geige gemacht, die du finden kannstHIER

Irgendwelche Vorschläge, wie ich diesen Fehler in meiner Konsole beseitigen kann?

BEARBEITEN:

Gruff Bunny hatte recht. Diese<img data-ng-src="{{image.dataURL}}" /> funktioniert...

Arbeitslösung kann gefunden werdenHIER