我一直在試圖綁定一個值到ng-src的img HTML元素無效。

AngularJS代碼：

app.controller('footerCtrl',function($scope,userServices)

{

$scope.avatar_url='';

$scope.$on('updateAvatar',function()

{$scope.avatar_url = userServices.getAvatar_url();}

);

}

app.factory('userServices',function($rootScope){

var avatar_url='';

return{ setAvatar_url: function(newAvatar_url)

{ avatar_url = newAvatar_url; $rootScope.$broadcast('updateAvatar');}}

);

我想更新ng-src中的avatar_url變量，每次更新用戶服務中的相應變量(avatar_url)。用戶服務中的變量通過http.POST請求更新到服務器。我檢查了來自服務器的響應確實更新了用戶服務中的變量，然后廣播到footerCtrl中的avatar_url變量。

但是，圖像元素HTML根本不反映更改。事實上，我還試圖將avatar_url變量預設為相對路徑到我的頁面中的圖片之一，圖像仍然顯示無(ng-src值為空)。 T

總結

以上是生活随笔為你收集整理的html中ng-src,angularjs – 在ng-src中使用{{}}绑定,但不会加载ng-src的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。