Пропустить переменную-родительский компонент через компонент «дочерний» маршрутизатор-выход

Question

Итак, у меня есть «родительская» страница продукта, которая имеет 3 маршрутизатора, которые изменят часть страницы, например. страницу обзора «ребенок», страницу галереи или страницу спецификаций.

Теперь информация о продукте хранится на родительской странице продукта (подробности, ссылки на изображения и спецификации) в переменной «продукт». Как получить доступ к переменной «product» родительского компонента из дочерних компонентов, которые используются моим маршрутизатором?

Answer 1

служба

@Injectable() 
export class AppService{ 
    private mainSource = new Subject<boolean>(); 
    main$ = this.mainSource.asObservable(); 

    setWorking(isWorking: boolean) { 
    this.mainSource.next(isWorking); 
    } 
} 

Компонент

private subscription: Subscription 

constructor(private appService: AppService){ } 

ngOnInit(){ 

    this.appService.setWorking(false); 

    this.subscription = this.appService.main$.subscribe(isWorking => { 
    if (isWorking) { alert("Tio"); } 
    } 
} 

ngOnDestroy() { 
    this.subscription.unsubscribe(); 
}