Angularjs：更新显示的图像src

Question

我的视图上有一个图像显示：

<img  ng-src="api/downloadFile/{{vm.consultant.id}}/lien_avatar" width="120" height="120">

现在我想点击这张图片，可以选择另一张图片，然后重新加载显示的图片。

我怎样才能做到这一点？
我试图在控制器中使用$resource(api/downloadFile/vm.consultant.id/lien_avatar)，但没有显示图像。

[UPDATE]

[UPDATE2]

当我加载视图时，如果我有：

<img  ng-src="api/downloadFile/{{vm.consultant.id}}/lien_avatar" width="120" height="120">

它有效，但我无法更新图像。当我检查ng-src时，我得到api/downloadFile/58/lien_avatar

如果我改为：

<img  ng-src="{{imageUR}}" width="120" height="120">

并在控制器中：

$http.get('api/downloadFile/' + vm.consultant.id + '/lien_avatar').then(function(response){
                 vm.imageURL  = response.data;
            });

然后当我在加载视图后检查ng-src时，我将在之前的[UPDATE]部分中获取已发布的图像。