AngularJS：ng-class動態base64編碼圖像作爲背景圖像

任何人都設法使用ng-class來將動態base64編碼圖像作爲背景圖像爲div嗎？似乎適用於JQuery（請參閱Is there a way to set background-image as a base64 encoded image in javascript?），但我還沒有找到AngularJS的任何解決方案。我的這種做法似乎並沒有制定出：AngularJS：ng-class動態base64編碼圖像作爲背景圖像

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

dynamicImage持有其通過REST Web服務加載在飛行中的Base64圖像串。任何想法，如果這一切工作，並怎麼樣？

2016-04-03 Igor P.

不要在ng-style內使用{{}}插值，在評估該表達式時將拋出$parser錯誤。只需在ng-style內連接string。

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

2016-04-03 19:26:52

不確定爲什麼，但'{{}}'很好地指定了類型，即data：image/{{img.type}}但不適用於數據本身。所以我們必須只對數據使用連接 –

回答