javascript - Angular 8 Carousel：每张幻灯片上的下载图像按钮

Question

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

标签： javascriptc#angulardownloadcarousel

Answer 1

w3 轮播示例

您可以在 *ngFor 中使用一些标签的角度点击事件

<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>