angularjs mostrar ocultar div en el ejemplo de código de clic

Ya no necesitas investigar más en otras webs porque llegaste al espacio perfecto, poseemos la respuesta que necesitas recibir y sin complicaciones.

Ejemplo 1: ocultar y mostrar en angular 8

<button(click)="toggleShow()"type="checkbox">show/hide</button><div *ngIf="isShown"class="row container-fluid"  id="divshow">
Div Content

</div>

Ejemplo 2: ocultar y mostrar en angular 8

/* Component */
isShown:boolean;ngOnInit()
  isShown =false;//hidden every time subscribe detects changetoggleShow()this.isShown =!this.isShown;/* Template */<div *ngIf="isShown"class="row container-fluid" id="divshow">
  content
</div>

Ejemplo 3: en el botón de clic angular, ocultar div y mostrar 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=falsediv2Function()this.div2=true;this.div1=false;this.div3=falsediv3Function()this.div3=true;this.div2=false;this.div1=false

valoraciones y comentarios

Recuerda que tienes la capacidad de añadir un enjuiciamiento si te fue útil.

---

---

Utiliza Nuestro Buscador