Estoy usando un acordeón personalizado y quiero abrir el segundo panel de acordeón mientras hago clic en el botón en el primer panel de acordeón.
mi código es,
<app-accordion [multi]="true"> <app-expansion-panel id="panel1" [expanded]="true"> <button (click)="continue()">Continue</button> </app-expansion-panel> <app-expansion-panel id="panel2">second panel</app-expansion-panel> </app-accordion>Cómo lograrlo mientras hace clic en el botón Continuar usando angular. los pls dan alguna solucion
Es mejor usar un ngFor="let accordion of accordionList; let i = index"
Use una variable en component.ts que realiza un seguimiento del índice del panel de acordeón expandido (índice activo) y use [expanded]="i === activeIndex"
Y junto con (clic)="continuar()" necesita pasar un índice como este (clic)="continuar(i)"
Y dentro del método de continuación, simplemente escriba la lógica para actualizar el índice de acordeón que debe expandirse en función del índice actual que recibe. Puede ser que puedas usar
continue(index) { this.activeIndex = index + 1}