Question

我有以下代码上传我的个人资料图片：

file.upload.then(function (response) {
                $timeout(function () {
                    file.result = response.data;
                    vm.currentUser.profileImagePath = response.data.profileImagePath;
                    $scope.$apply();
                });
            }, function (re ...

并使用此代码在上传后刷新/重新加载图像并正常工作

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

除了我有时会遇到以下浏览器错误：

403 Forbidden - http://localhost:8082/api/files/profileimage/%7B%7Bvm.currentUser.profileImagePath%7D%7D/＆＃34;

因此我在底部更改了代码。但是底部的代码不会自动刷新图像。

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

我现在的问题是如何解决这个问题？

Answer 1

{{}}表达式中有ng-style插值，在那里不需要。您可以直接访问那里的范围变量，使用连接来形成表达式。

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

AngularJS ng-style vs.style-ng-style不会自动重新启动

1 个答案: