AngularJSでbase64データを含む変数を使用して画像srcをロードする
AngularJSで_base64_データを含む変数を使用して画像を読み込んでいます
_base64_エンコードされた画像データ（たとえば、toDataURL();を使用してキャンバスから取得）を含む変数から画像ソースをロードする正しい方法を見つけようとしています。
最初は次のように試しました：
_<img src="{{image.dataURL}}" />
_ここで、画像は_base64_データを含む変数dataURLを持つスコープ変数です。これは実際にはかなりうまく機能しています。唯一の問題は、コンソールで_404_エラーが発生することです。このようなもの：
GET http://www.example.com/%7B%7Bimage.dataURL%7D%7D 404（見つかりません）
あまりきれいではありません。このようなもっとangularスタイルのソリューションを試してみたとき：
_<img data-ng-src="image.dataURL" />
_画像がまったく読み込まれていません。あなたが見つけることができるフィドルを作りました HERE
私のコンソールでこのエラーを取り除く方法はありますか？
編集：
Gruff Bunnyは正しかった。この_<img data-ng-src="{{image.dataURL}}" />_は機能しています...
実用的なソリューションを見つけることができます HERE
Ng-srcのコンテンツは補間する必要があります：これを試してください：
<img data-ng-src="{{image.dataURL}}"/>