use ngIf as dynamically show template and hide template in Angular 5

Question

i am using div tag in html

<div *ngIf="mydummy">hi</div>

and in ts file and by default this.mydummy is true(now div tag is visible)

but i do set-timeout function to make value equal to false the ngIf not working it acts like one time use. so is there any option to achieve this simple task

setTimeout(function(){ 

      this.mydummy =  false

    }, 10000);

score 1 · Accepted Answer · answered Sep 29 '18 at 16:51

1

You need to use arrow Function inside setTimeout.

ngOnInit(){
    setTimeout(()=>{
      this.mydummy = false;
    }, 4000);
  }

https://stackblitz.com/edit/angular-k3knqs

answered Sep 29 '18 at 16:51

Suresh Kumar Ariya

9,516
1
18
27

thx working fine – giveJob Sep 29 '18 at 17:02

use ngIf as dynamically show template and hide template in Angular 5

1 Answers1