当用户单击它时,我正在尝试切换按钮图像。如果可能的话,我更喜欢使用 angularjs 而不是 jquery。现在我有一个工作版本,可以在单击时切换图像,唯一的问题是它会在单击时更改所有图像。如何缩小范围或传入 img 元素的 src 属性?
<div ng-repeat="merchant in merchants">
<div class="followrow">
<a ng-click="toggleImage()"><img id="followbutton" ng-src="{{followBtnImgUrl}}" /></a>
</div>
</div>
app.controller('FollowCtrl', function CouponCtrl($scope) {
$scope.followBtnImgUrl = '/img1'
$scope.toggleImage = function () {
if ($scope.followBtnImgUrl === '/img1.jpg') {
$scope.followBtnImgUrl = baseUrl + '/img2.jpg';
} else {
$scope.followBtnImgUrl = 'img1.jpg';
}
}
});
我可以将 img src 属性传递给 toggleImage(this.img.src) 或类似的函数吗?