En esta respuesta hacen algo parecido a lo que necesitas. Vamos a adaptar esa respuesta a tu caso específico.
Partiendo de tu definición de la img
:
<img ng-repeat="img in item.images" ng-src="{{img}}" ng-click="?"/>
En lugar de definir el ng-click
en la img
lo quitamos de ahí y ponemos el ng-src
con las imagen directamente:
<img id="followbutton" ng-src="{{images.imgURL}}"/>
Lo envolvemos en un markdown <a>
que define el ng-click
:
<a ng-click="toggleImage(test)"><img id="followbutton" ng-src="{{images.imgURL}}"/></a>
Definimos la función toggleImage()
(dentro de tu app.controller
):
app.controller('NombreControladora', function CouponCtrl($scope) {
$scope.followBtnImgUrl = 'jpg/img.0.jpg'
$scope.test= [{imgUrl: "jpg/img.0.jpg", name:"sdf"},
{imgUrl: "jpg/img.1.jpg", name: "dfsd"}];
$scope.toggleImage = function(test) {
if(test.imgUrl === $scope.followBtnImgUrl) {
test.imgUrl = merchant.$backupUrl;
} else {
test.$backupUrl = merchant.imgUrl;
test.imgUrl = $scope.followBtnImgUrl;
}
};
});