È possibile chiudere tutta la scheda della fisarmonica PrimeNg aperta con un clic del pulsante in Angular 2? - angolare, primitivo

Ho un menu con la fisarmonica PrimeNg:

https://www.primefaces.org/primeng/#/accordion

e voglio chiudere quella fisarmonica con un clic del tasto. È possibile in Angular 2?

risposte:

Bene, c'è un modo semplice per farlo:

Codice HTML:

<button type="button" pButton icon="fa fa-chevron-up" (click)="closeAccordion()"></button>

<p-accordion [activeIndex]="index">
<p-accordionTab header="Header 1">
Content 1
</p-accordionTab>
<p-accordionTab header="Header 2">
Content 2
</p-accordionTab>
<p-accordionTab header="Header 3">
Content 3
</p-accordionTab>
</p-accordion>

Codice TS:

  index: number = null;
lastIndex = -1;

closeAccordion() {
this.index = this.lastIndex--;
}