如何通过src更新从$ http请求重新加载图像？

Question

HTML：

<img src='img/product/{{ product.img }}.png' width='300' />

JS：

$http.post('services/service.php', {
     // some data
}).then(function(response) {
     $scope.product.img = response.data.imgTemp;
}, function(response) {             

}); 

使用JQuery，我会尝试：

$('#imgID')[0].src = 'img/' + objResponse.fileNameTemp + '.png?' + new Date();

但是在Angular中，src与$scope.product.img变量相关联，我认为如果我更新此变量它应该有效，但它没有。

Answer 1

尝试将src更改为ng-src：

<img ng-src='img/product/{{ product.img }}.png' width='300' />

Angular对此有documentation。

Answer 2

我找到解决方案:) $scope.product.img = ...需要应用范围更新后：$scope.$apply();