我想将图像的源绑定到另一个图像的源.
在最终结果中,大图像的源应绑定到点击的较小(缩略图)图像的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 = {};
原文地址:https://www.jb51.cc/angularjs/141414.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。