in angular click button button hide div and show div
<div *ngIf="div1">
ABC
</div>
<div *ngIf="div2">
DEF
</div>
<div *ngIf="div3">
GHI
</div>
<button (click)="div1Function()"></button>
<button (click)="div2Function()"></button>
<button (click)="div3Function()"></button>
in .ts file
div1:boolean=true;
div2:boolean=true;
div3:boolean=true;
div1Function(){
this.div1=true;
this.div2=false;
this.div3=false
}
div2Function(){
this.div2=true;
this.div1=false;
this.div3=false
}
div3Function(){
this.div3=true;
this.div2=false;
this.div1=false
}
Also in JavaScript:
- how to initialize events in fullcalendar through json data in laravel
- react html symbol code
- javascript is not null
- javascript new Regexp with flag
- javascript random six digit number with animation
- javascript Error: Invalid web service call, missing value for parameter: 'documentId'.
- title case javascript
- update url parameters and create history entry
- jquery select plugin
- initialize express app
- random item from array javascript
- Vuejs v-model when enter pressed
- random numbers javascript
- set variable inside div angular
- mv multiple directories
- access-control-allow-origin nodejs express
- regular expression replace a dot
- adonis column alter
- parse csv javascript
- javascript push in specific index
- jquery read href attribute
- import firebase cloud messaging web
- w3schools angular
- Exception in thread "main" org.openqa.selenium.JavascriptException: cannot read getPlayerState