angularjs – 如何将图像的src绑定到ng-model并在Angular中提取

发布时间：2020-12-17 08:20:27 所属栏目：安全来源：网络整理

导读：我想将图像的源绑定到另一个图像的源. 在最终结果中,大图像的源应绑定到点击的较小(缩略图)图像的src.这是否可以使用ng-model？这就是我所拥有的 div img ng-src="{{selectedImg.src}}" /div div ul ng-repeat="thumb in franchises" li img ng-src="{{thum

我想将图像的源绑定到另一个图像的源.

在最终结果中,大图像的源应绑定到点击的较小(缩略图)图像的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 = {};

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!