angularJS背景图像加载错误

Question

我在url（...）上为div容器设置了背景图片。

<div ng-cloak class="userProfileItem userProfileImage" style="background-image: url(api/files/profileimage/{{vm.currentUser.profileImagePath}}/)">
...

有时（并非总是）它可能发生，而不是我得到以下浏览器错误：

  

“NetworkError：403 Forbidden - http://localhost:8082/api/files/profileimage/%7B%7Bvm.currentUser.profileImagePath%7D%7D/”

有谁知道如何解决这个问题？我用 ng-cloak 尝试过但没有成功。

Answer 1

改为使用ng-style：

<div class="userProfileItem userProfileImage" ng-style="{'background-image': 'url(api/files/profileimage/{{vm.currentUser.profileImagePath}}/)'}">

JSFiddle