如何在离子2中隐藏图像3秒后？

Question

我使用img标签显示图像。我想在三秒钟后隐藏图像。请注意。

      <ion-list>
        <ion-item>
          <img src="../assets/imgs/dots.gif" height="50px" width="50px" >
        </ion-item>
      </ion-list>

Answer 1

将*ngIf与setTimeout

一起使用

<ion-list>
      <ion-item *ngIf="showImage">
          <img src="../assets/imgs/dots.gif" height="50px" width="50px" >
     </ion-item>
</ion-list>

this.showImage = true;

setTimeout(()=>{  
      this.showImage = false;
 },3000);

Answer 2

你只需要暂停

/userRooms/$uid/$roomId

模板中的

imageShowing = true;

ngOnInit(){
let self = this;
setTimeout(function(){
     self.imageShowing = false;     
     },3000);
}