HTML отображение переменных из AppComponent на страницах маршрутизации

Question

Итак, я пытаюсь ограничить количество вызовов, которые я делаю в Firebase, поэтому я делаю все свои чтения Firebase один раз в AppComponent.

В настоящее время я читаю из FireBase, затем устанавливаю переменные для этих значений и экспортирую эти переменные для всех используемых страниц маршрутизации.

"ограниченное количество операций чтения / вызовов, которые я могу выполнять в Firebase в день "

Где я сейчас нахожусь - AppComponent будет вызывать функцию экспорта со страниц маршрутизации, чтобы обновить значение цели. Значение изменяется, но страница не знает, что оно изменилось, пока страница не будет перезагружена или не произойдет действие на страницах маршрутизации.

Возможно ли иметь детектор или функцию для обновления sh страницы по URL-адресу маршрутизатора?

AppComponent.ts

import * as Temperature from './temperature/temperature.component';

//values change target in this file and exports it out
export var target;

export class AppComponent {

changeTarget(_update_target:string)
  Temperature.updateTarget(_update_target);
}

Routing Pages .ts

import * as Global from '../app.component'

//If target is change in AppComponent, update Target here
export function updateTarget(_target:string){
  this.Target = _target;
}

export class TemperatureComponent implements OnInit {

Target = Global.target;

}

Страницы маршрутизации. HTML

<strong>{{Target}}</strong>