Tengo un array con 4 datos y quiero mostrar esos datos mediante un *ngFor
, hasta aquí todo bien, los muestro sin problemas, lo que yo quiero es que al hacer clic en un botón que esta dentro de ese componente el dicho componente tenga una animación y cuando termine esa animación, sacarlo directamente del dom y ya no mostrarlo mas, aquí una porción de lo que tengo.
<div class="box" *ngFor="let data of dat">
<div class="container-data">
<span>{{ data }}</span>
</div>
<div class="container-button">
<button (click)="quitarCaja()">quitar caja </button>
</div>
</div>
aquí el component.ts
dat = ["data1","data2","data3","data4"]
quitarCaja(){
//aqui la logica para animar y quitar el componente
}
En este caso lo que se tendría que quitar es el div que contiene la clase box
no me llevo bien con angular, les agradecería si me ayudan