AngularJS：背景画像としてのダイナミックbase64エンコード画像のngクラス

Question

divのバックグラウンド画像としてダイナミックbase64エンコード画像を配置するには誰でもng-classを使用できますか？ JQuery（Is there a way to set background-image as a base64 encoded image in javascript?を参照）のために働くと思われますが、私はまだAngularJSのための解決策を考え出していません。鉱山の このアプローチはうまくていないようです：

<div class="col-xs-2" ng-style="{'background-image':'url(data:image/jpeg;base64,{{dynamicImage}})'}">...</div> 

dynamicImageは、RESTのWebサービスを経由して、オンザフライでロードされているbase64で画像の文字列を保持しています。これが全部でどのように機能すればいいのか？

Answer 1

{{}}内の内挿をng-styleに入れて、その式を評価している間に$parserエラーをスローします。単にstringの連結をng-styleの内部で行うだけです。

<div class="col-xs-2" 
    ng-style="{'background-image':'url(data:image/jpeg;base64,'+dynamicImage+')'}">