AngularJS NG式vs.style - 吳式不refrest自動

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/ "

釷因此，我已經將代碼更改爲底部的代碼。但隨着底部的代碼圖像不會自動刷新。

<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 +'/)'}">