Загрузка изображения с использованием переменной, содержащейbase64 данные в AngularJS

Я пытаюсь найти правильный способ загрузки источника изображения из переменной, содержащейbase64 закодированные данные изображения (например, извлеченные из холста с использованиемtoDataURL(); ).

Сначала я просто попробовал это так:

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

где изображение является переменной области видимости с переменнойdataURL содержащийbase64 данные. На самом деле это работает довольно хорошо, единственная проблема в том, что я получаю404 ошибка в моей консоли. Что-то вроде этого:

ПОЛУЧИТЬhttp://www.example.com/%7B%7Bimage.dataURL%7D%7D 404 Не Найдено)

Не так красиво Когда я попробовал более угловатое стилевое решение, подобное этому:

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

изображения не загружаются вообще. Я сделал скрипку, которую вы можете найтиВОТ

Любые предложения, как избавиться от этой ошибки в моей консоли?

РЕДАКТИРОВАТЬ:

Грюф Банни был прав. это<img data-ng-src="{{image.dataURL}}" /> работает...

Рабочее решение можно найтиВОТ