AngularJS: dinamik base64 kodlu görüntü için arka plan resmi olarak kodlanmış ng sınıfı

Question

Dinamik base64 kodlu görüntüleri bir div için arka plan görüntüsü olarak yerleştirmek için ng sınıfı kullanmayı herkes başardınız mı? JQuery için çalışıyor gibi görünüyor (bkz. Is there a way to set background-image as a base64 encoded image in javascript?) ama henüz AngularJS için herhangi bir çözüm buldunuz. benim bu yaklaşım çalışmak için görünmüyor:

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

dynamicImage REST webcoder anında yüklenir base64 görüntü dize tutar. Bunun işe yarayıp yaramadığı hakkında bir fikrin var mı?

Answer 1

ng-style içinde {{}} enterpolasyonu kullanmayın, bu ifadeyi değerlendirirken bir $parser hatası atar. Sadece ng-style içinde string birleştirme yapın. neden

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