Angular 8 轮播：每张幻灯片上的下载图片按钮

Question

我正在使用 Angular 8 Carousel 使用 Angular select 插件。我需要在其中显示一些带有下载按钮的图片，以便直接 下载 图片。有人可以帮我提供有关如何做的建议吗？ Carousel 工作正常，但我无法添加下载按钮。

Answer 1

w3 Carousel Example

并且您可以在 *ngFor

中使用 angular 一些标签的点击事件

<div class="item" *ngFor="let photo of photos">
    <img [src]="photo?.url" alt="Chicago" style="width:100%;">
    <div class="carousel-caption">
      <h3 (click)="download(photo)">Download</h3>
    </div>
  </div>