刷新ionic 2中的圖像URL

Question

我有這個HTML語法來循環我的URL，該URL用於通過Internet從目錄中獲取圖像，但是當服務器中的圖像更改時，應用程序仍顯示最后一個圖像，而我進行更新時，我只是更改圖像而不是名稱。

<ion-card style="margin: auto">
    <ion-card-header class ="head" style="background-color: gray !important">
      <font color="White">{{dt.desc}}</font>
    </ion-card-header>
    <img src= {{dt.name}} >  
</ion-card>

這有什么問題，以及每當我在服務器中更改圖像時如何更改圖像？ 就我而言，該圖像可以替換為我在卸載該應用程序時更新的新圖像

Answer 1

您可以使用此技巧在網址后添加隨機數，以便ionic應用程序會刷新鏈接，並認為它是新鏈接。

this.dt.name = 'www.yourimage.com/image.jpeg?random+\=' + Math.random());

Answer 2

您可以使用https://ionicframework.com/docs/api/components/refresher/Refresher/嗎？ 但是您必須在doRefresh（refresher）中重新獲取數據。

Answer 3

如果僅一張圖像，則使用* ngIf如果它是數組，則使用* ngFor