Chargement de l'image src à L'aide d'une variable contenant des données de base64 dans AngularJS

chargement de l'image à l'aide d'une variable contenant <!-Données en AngularJS

j'essaie de trouver la bonne façon de charger une source d'image à partir d'une variable contenant base64 données d'image encodées (par exemple tirées d'une toile en utilisant toDataURL();).

Au début, j'ai essayé comme ceci:

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

où l'image est une variable de portée avec une variable dataURL contenant le base64 données. Cela fonctionne plutôt bien, le seul problème est que Je reçois un 404 erreur dans ma console. Quelque chose comme ceci:

GET http://www.example.com/%7B%7Bimage.dataURL%7D%7D 404 (Not Found)

Pas assez. Quand j'ai essayé une solution de style plus angulaire comme ceci:

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

les images ne se chargent pas du tout. J'ai fait du violon que vous pouvez trouver ici

N'importe quelles suggestions comment se débarrasser de ceci erreur dans ma console?

EDIT:

Ton Lapin a droit. Ce <img data-ng-src="{{image.dataURL}}" /> fonctionne...

la solution de travail peut être trouvée ici