javascript - AngularJS：用于将动态 base64 编码图像作为背景图像的 ng-class

Question

有人设法使用 ng-class 将动态 base64 编码图像作为 div 的背景图像吗？似乎适用于 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 图像字符串。知道这是否有效以及如何有效？

score 6 · Accepted Answer

不要{{}}在内部使用插值，ng-style这会在评估该表达式时引发$parser错误。只需在string内部进行连接ng-style。

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

1 回答 1