Alert component does not close one at a time about coreui-angular

[32x0lf]

@xidedix Thanks it works.

[xidedix]

you use prop visible array with index 0 for all your alerts

I'd rather use index variable with *ngFor

<c-alert *ngFor="let data of notifications; index as idx"
               [visible]="visible[idx]"
               ...
>
  <ng-template  ...>
    <button (click)="visible[idx]=false" cButtonClose white></button>
  </ng-template>
...
</c-alert>

[32x0lf]

@xidedix I tried but it will not work. Is this the correct initialization of visible variable. visible = [true,true] ?

[xidedix]

@32x0lf
working example: https://stackblitz.com/edit/coreui-angular-alert-klshwt?file=src%2Fapp%2Fapp.component.ts