How to access a variable from another component?

Question

Angular

The component has a variable that is responsible for the timer (time of user inactivity).

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

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

How to access this variable from any other component (for example, to reset filtering after a certain time of inactivity)?

Answer 1

You do not need to access the component field, you need to keep this data in the service, and pick it up and display it in the component.