Cargando imagen usando variables que contienenbase64 datos en AngularJS

Estoy tratando de encontrar la forma correcta de cargar una fuente de imagen desde una variable que contengabase64 datos de imagen codificados (por ejemplo, extraídos de un lienzo utilizandotoDataURL(); )

Al principio lo intenté así:

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

donde la imagen es una variable de alcance con una variabledataURL que contiene elbase64 datos. Esto realmente funciona bastante bien, el único problema es que obtengo un404 error en mi consola Algo como esto:

OBTENERhttp://www.example.com/%7B%7Bimage.dataURL%7D%7D 404 No encontrado)

No tan bonita Cuando probé una solución de estilo más angular como esta:

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

Las imágenes no se están cargando en absoluto. Hice un violín que puedes encontrarAQUÍ

¿Alguna sugerencia de cómo deshacerme de este error en mi consola?

EDITAR:

Gruff Bunny tenía razón. Esta<img data-ng-src="{{image.dataURL}}" /> está trabajando...

Solución de trabajo se puede encontrarAQUÍ