/TypeScript/Angular show element in component

Angular show element in component

Hide and show in angular 8

<button (click)="toggleShow()" type="checkbox" >show/hide</button>

<div *ngIf="isShown" class="row container-fluid"  id="divshow" >
Div Content

</div>

Source: stackoverflow.com

Hide and show in angular 8

isShown: boolean = false ; // hidden by default


toggleShow() {

this.isShown = ! this.isShown;

}

Source: stackoverflow.com

Angular show element in component

isShown: boolean;

ngOnInit(){
  isShown = false; //hidden every time subscribe detects change
}

toggleShow() {
  this.isShown = ! this.isShown;
}

Similar codes

10 votes100 views2 answers
How to use variable as object key in typescript
TypeScript
0 vote94 views1 answer
Angular jasmine tobe empty array
TypeScript
0 vote106 views1 answer
Nullish Coalescing
TypeScript
0 vote100 views1 answer
My bootstrap alerts code is not closing
TypeScript
0 vote100 views1 answer
Sarasota bowling alley bomb threats incident
TypeScript
0 vote118 views2 answers
Cannot find module 'tns-core-modules/platform' or its corresponding type declarations
TypeScript
0 vote103 views1 answer
Shortcut to remove unused imports in vscode
TypeScript
9 votes96 views3 answers
Typescript onclick event type props
TypeScript
5 votes96 views1 answer
Cheats for dino game chrome
TypeScript
5 votes105 views3 answers
How to reload same page in angular 8
TypeScript