Angular: как запустить функцию во всех дочерних элементах рекурсивного компонента из другого компонента?

Question

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

Пример Stackblitz

Answer 1

вы можете использовать rxjs наблюдаемый для функции запуска из сервиса, когда ваш компонент загружен

 private deviceName = new BehaviorSubject([]);
 device = this.devicesSource.asObservable();

В компоненте вы можете подписать наблюдаемое

this.myService.devicesSource.subscribe(ele=>{
   // Write your Code here
});