具有功能的角度下载链接

我的视图中有一个列表循环,并且此列表中的每个项目都有一个下载链接(基本上每个项目都是可下载的),现在我想按功能添加frm API附带的下载链接,但不确定如何?!

逻辑

API structure

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

代码

view

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

controller

downloadLink() {
  // set document file link for download
}
  

PS {{doc.file}}可以访问我来自API的文件链接   给出文件的完整URL,就像来自API一样,没有   需要添加任何其他www....../etc.

     

注意:如果我收到我的文档,链接将需要循环我的文档   我猜也是控制器中的product.documents。为了得到   doc.file链接。

有什么想法吗?

nfsking 回答:具有功能的角度下载链接

您可以使用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>

或者另一种解决方法是将对象传递给downloadlink函数

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

在您的ts文件中

downloadLink(doc: any) {
   console.log(doc);
   window.open(doc.file);
}
本文链接:https://www.f2er.com/3155351.html

大家都在问