我想将图像的源绑定到另一个图像的源.
在最终结果中,大图像的源应绑定到点击的较小(缩略图)图像的src.这是否可以使用ng-model?
这就是我所拥有的
<div> <img ng-src="{{selectedImg.src}}"> </div> <div> <ul ng-repeat="thumb in franchises"> <li> <img ng-src="{{thumb.images[0].list}}" ng-model="selectedImg"> </li> </ul> </div>
您可以使用ng-click执行此操作:
<div> <img ng-src="{{selectedImg.src}}" alt="{{slide.images[0].list}}"> </div> <div> <ul ng-repeat="thumb in franchises"> <li> <img ng-src="{{thumb.images[0].list}}" alt="{{thumb.images[0].list}}" ng-click="selectedImg.src = thumb.images[0].list" /> </li> </ul> </div>
但您必须将selectedImg定义为控制器中的对象,如下所示:
$scope.selectedImg = {};