我有这个HTML：
<div ng-repeat="image in images">
<img ng-src="img/{{image}}_off.png" />
</div>
并在控制器中的此javascript：
$scope.images = ['imga','imgb','imgc'];
我也有这些图像文件：
imga_off
imga_on
imgb_off
imgb_on
imgc_off
imgc_on
我需要的是单击图像时在打开和关闭之间切换。
我不太确定最好的方法是什么。是否为每个img元素附加一个ng模型？还是有更好的方法来做到这一点？
将切换数据保留在$scope变量中：
var $scope.toggles = [false, false, false];
切换基于$index：
<div ng-repeat="image in images">
<img ng-src="img/{{image}}_{{ toggles[$index] ? 'on' : 'off' }}.png" ng-click="toggles[$index] = !toggles[$index]"/>
</div>
注意：此代码未经测试，但这是一种通用方法。您也可以将切换数据保存为$scope.images
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句