Я пытаюсь привязать значение к ng-src элемента HTML img безрезультатно.
Код HTML:
<div ng-controller='footerCtrl'>
<a href="#"><img ng-src="{{avatar_url}}"/></a>
</div>
Код 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');}}
);
Я хотел бы обновить переменную avatar_url в ng-src
каждый раз, когда обновляется соответствующая переменная (avatar_url) в службе пользователя. Переменная в службе пользователя обновляется через запрос http.POST на сервер. Я проверил, что ответ с сервера обновляет переменную в пользовательской службе, которая затем передается в переменную аватара_rl в footerCtrl
.
Однако элемент HTML изображения не отражает изменений вообще. Фактически, я также попытался установить переменную аватара_rl в относительный путь к одному из изображений на моей странице, изображение все еще ничего не показывает (значение ng- src
пустое). Т