angular - ngOnChanges not working in Angular4

Question

I know I am not the first to ask this question ,And I have tried the solutions of so many post in Stackoverflow regarding this but nothing is helped for me .

I have an accordion menu in my parent component when the user clicked on those menus the hidden id of the clicked menu will be passed to the child component ,In the child component I need to call the API based on the parent component values .

Here I reproduced my issue in Stackblitz ,Please take a look and give me the solution to solve this issue.

https://stackblitz.com/edit/angular-bootstrap-carousel-dynamic2-dssqrc?file=app/child/child.component.ts

Answer 1

I don't find the code that triggered the click events :(. Template variables are in the loop but are being used outside of it. I recommend an alternative solution, through properties in app.component. Fork in stackblitz here https://stackblitz.com/edit/angular-bootstrap-carousel-dynamic2-exbr5f?file=app%2Fapp.component.html