ngbAccordion doesnt open panels from activeIds array when coming from another page with router

hey, mates, pls can u help me in understanding why i cant display activeIds on ngbaccordion on another page while i using router(i have accordion with title name of projects, im going from accordion with click on title project, on main page, to another on another page) ? i try to catch em on OnInit, AfterView** hooks with “this.acc.activeIds = this.arr.map((el, i) => ngb-panel-${i});” but nothing happens. It works(panels are open) only when i reload page, although acc.activeIds already have had array with panels to open. I think im doing smth wrong or doesnt understand how to do with it.

[hillin]

From future: this is a gotcha which we stumbled upon recently. The first time a ngbAccordion is loaded, it assigns the ids ngb-panel-0, ngb-panel-1 … ngb-panel-{{n}} to the panels by default (if they don’t have ids assigned manually); but when you take a detour to another page and come back again, these panels will have ids ngb-panel-{{n+1}} … ngb-panel-{{2n + 1}}, so you can’t manipulate the panels with the old ids any more. The solution is to manually specify ids for the panels.

Since the documentation also exploits the default ids in the examples, I think this pitfall deserves a line in the documentation.

[kernyden]

@benouat thx, also have done, stackblitz goes to reload page when i come back to previous path, but any way with click on project and go to second-page route mine acc.activeIds dont have open state. How i can fix this? any hook cant help me or provide directive to html as [activeIds], i tried( https://stackblitz.com/edit/angular-7g3yp5?file=src%2Fapp%2Facc-list%2Facc-list.component.ts