问如何在Angular4中根据接口响应生成镜像标签
EN

Stack Overflow用户

提问于 2018-04-04 20:04:10

回答 1查看 36关注 0票数 0

我在一个Angular4应用程序中工作，在这个应用程序中，我希望显示基于API响应的图像，如下所示

在我的应用程序中，当用户单击某个产品时，该产品名称将传递给API，API将返回与该产品相关的图像。

在产品详细信息页面，我展示了产品，就像用户在小图像上悬停一样，它将显示大尺寸的图像。

我想要做的是，如果接口返回3张图像的图像路径意味着我只想显示3张图像(图像标签).If接口返回5个路径，那么我想显示5张图像.This过程是基于图像的接口响应计数动态的。

现在我有5个静态图像标签，在这里我传递了API响应，它显示了图像，如果API返回4个图像路径，它将显示4个图像和1个alt标签。

我想让它成为一个动态的过程。

html

angular

回答 1

Stack Overflow用户

发布于 2018-04-04 20:23:49

您可以使用*ngFor指令显示图像。然后，您可以动态显示图像，而无需考虑从服务中获得的图像数量。

<div class="row" *ngIf="smallImages">
     <ng-container *ngFor="let image of images">
       <img (mouseenter)="mouseEnter($event)"  [src]="image.src" 
        class="img-thumbnail">
     </ng-container>
</div>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49650536

复制

相似问题

问如何在Angular4中根据接口响应生成镜像标签
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Angular4中根据接口响应生成镜像标签EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Angular4中根据接口响应生成镜像标签
EN