如何设置图像暂时出现在屏幕上？

Question

我是打字稿的新手，我想知道如何将图像设置为在屏幕上显示5秒然后消失。我应该在TS中使用哪种逻辑？我使用Ionic v3。我想看一个例子。

HTML：

<img id="imageID"  src="assets/img/setas.png">

Answer 1

您必须使用hidden

home.html的

<ion-content>
    <img src="http://via.placeholder.com/350x150" [hidden]="isImageHidden"/>
</ion-content>

home.ts

export class HomePage 
{
    isImageHidden = false;
    constructor(public navCtrl: NavController,public alertCtrl:AlertController) 
    {
        setTimeout(()=>{
            this.isImageHidden = true;
        },5000);
    }
}