Как получить доступ к переменной из другой компоненты?

Question

[Ghoulll]

В компоненте есть переменная, которая отвечает за таймер(время бездействие пользователя).

timer: number;
...
  ngAfterViewInit(): void {
    this.timer = 0;
    setInterval( () => {
      this.timer ++;
    }, 1000);
  }

  @HostListener('window:mousemove', ['$event'])
  refreshTimer(e: MouseEvent): any {
    this.timer = 0;
  }

Как получить доступ к этой переменной из любой другой компоненты (например для сброса фильтрации после определенного времени бездействия)?

Answer 1

[Антон Швец]

Не нужно получать доступ к полю компонента, нужно держать эти данные в сервисе, а в компоненте забирать их и отображать.

Comments

[Ghoulll]

Вопрос был не корректно задан.

[Антон Швец]

Ghoulll, тем более

fromEvent(document, 'mousemove').pipe(
  debounceTime(1000),
  share(),
)

подписываешься, и если что-то пришло значит пользователь мышку секунду не двигал.
В компоненте это не нужно, это же не какая-то локальная штука.
Ну и не забывать отписываться, когда уже это не требуется.