AngularJS：ng-class用於將動態base64編碼的圖像作為背景圖像

Question

有人設法使用ng-class將動態base64編碼的圖像作為div的背景圖像放置了嗎？ 似乎適用於JQuery（請參閱是否可以在javascript中將background-image設置為base64編碼的圖像？ ），但我還沒有找到AngularJS的任何解決方案。 我的這種方法似乎無法解決：

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

dynamicImage包含base64圖像字符串，該字符串通過REST Web服務動態加載。 知道這是否可行以及如何運作嗎？

Answer 1

不要在ng-style內使用{{}}插值，這會在評估該表達式時引發$parser錯誤。 只需在ng-style內進行string連接。

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