Question

尝试从ng-repeat中抓取一个图像以用作div的背景图像。到目前为止有这个：

<div ng-repeat="photo in inventory.photos">
<div class="details-image" style="background-image: url({{photo}})">
            </div>
</div>

当然显示所有照片。我如何才能抓住该组的第一张图片？

Answer 1

您可以尝试使用$first，$middle或$last。例如：

<div ng-repeat="photo in inventory.photos">
<div class="details-image" style="background-image: url({{inventory.photos[$first]}})">
            </div>
</div>

链接here。查看$first，$middle或$last和$index的工作方式

Answer 2

试试这个：

<div ng-repeat="photo in inventory.photos">
    <div class="details-image" style="background-image: url({{inventory.photos[0]}})">
    </div>
</div>

我希望你不是为了获得第一张照片而完成照片。如果你是，那么你甚至不需要ng-repeat。

<div>
    <div class="details-image" style="background-image: url({{inventory.photos[0]}})">
    </div>
</div>

Answer 3

不要使用ng-repeat，只需先选择

    <div class="details-image" ng-style="{'background-image': 'url('+ inventory.photos[0]+')'">
    </div>

只获取一张ng-repeat图像作为背景图像

3 个答案: