Angular 带函数的角度下载链接

我的视图中有一个列表循环，该列表的每个项目都有一个下载链接（基本上每个项目都是可下载的），现在我想添加下载链接，该链接按函数frm

API

，但不确定如何添加

逻辑

API结构

product {
  documents [
    'doc1' => [
      'file' => 'http://....../dddd.zip',
      //etc.  
    ],
   'doc2' => [
      'file' => 'http://....../dddd.zip',
      //etc.  
    ],
  ],
  // 'etc.' =>....
}

代码

查看

<ion-col size-xl="3" size-lg="4" size-md="4" size-sm="6" size-xs="12">
  <ion-item *ngFor="let doc of product.documents | slice:0:limit" (click)="downloadLink()">
    <ion-label>
      Download
    </ion-label>
    {{doc.download_count | number:'':'en-Us'}}
  </ion-item>
</ion-col>

PS可以通过

{{{doc.file}}

访问API中的“我的文件”链接 提供文件的完整URL，因为它来自API，所以没有 需要添加任何其他

www……/etc.

注意：如果我得到我的文档，链接将需要循环我的

product.documents

我猜也是控制器中的。为了得到 那个

doc.file

链接

有什么想法吗？

您可以使用html“a”下载属性

<ion-col size-xl="3" size-lg="4" size-md="4" size-sm="6" size-xs="12">
  <ion-item *ngFor="let doc of product.documents | slice:0:limit" (click)="downloadLink()">
    <ion-label>
      <a href="{{ doc.file }}" download>Download</a>
    </ion-label>
    {{doc.download_count | number:'':'en-Us'}}
  </ion-item>
</ion-col>

您可以使用html“a”下载属性

<ion-col size-xl="3" size-lg="4" size-md="4" size-sm="6" size-xs="12">
  <ion-item *ngFor="let doc of product.documents | slice:0:limit" (click)="downloadLink()">
    <ion-label>
      <a href="{{ doc.file }}" download>Download</a>
    </ion-label>
    {{doc.download_count | number:'':'en-Us'}}
  </ion-item>
</ion-col>

<ion-item *ngFor="let doc of product.documents | slice:0:limit" (click)="downloadLink(doc)">

downloadLink(doc: any) {
   console.log(doc);
   window.open(doc.file);
}