ngOnChanges не работает в Angular4

Question

Я знаю, что я не первый, кто задает этот вопрос, и я пробовал решения многих постов в Stackoverflow относительно этого, но мне ничего не помогло.

У меня есть меню аккордеона в моем родительском компоненте, когда пользователь щелкает по этим меню, скрытый идентификатор выбранного меню будет передан дочернему компоненту. В дочернем компоненте мне нужно вызвать API на основе значений родительского компонента .

Здесь я воспроизвел свою проблему в Stackblitz. Пожалуйста, посмотрите и дайте мне решение этой проблемы.

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

Answer 1

Я не нахожу код, который вызвал события щелчка :(. Переменные шаблона находятся в цикле, но используются вне его. Я рекомендую альтернативное решение через свойства в app.component. Вилка в stackblitz здесь https://stackblitz.com/edit/angular-bootstrap-carousel-dynamic2-exbr5f?file=app%2Fapp.component.html