Почему не обновляются данные на странице по таймингу?

Сделал таймер, в компоненте подписался. Когда таймер становится равен 10, срабатывает метод resetFilterPnael (в сервисе запрос, ответ приходит), но данные на странице не обновляются. Как исправить? сервис:

  timer$ = interval(1000).pipe(share());

лайаут:

  ngOnInit(): void {
    this.timerSub$ = this.layoutService.timer$
      .pipe(filter(n => n > 1))
      .subscribe(tick => {
        this.timer = this.layoutService.timer++;
      });

компонента:

  ngOnInit(): void {
     ...
        this.timerSub$ = this.layoutService.timer$
      .pipe(filter(n => n > 1))
      .subscribe(tick => {
        if (this.layoutService.timer == 10) {
          this.resetFilteringPanel();
        }
      });
     ...
    }


  resetFilteringPanel(): void {
this.dashboardService.getStrongAlcoholReports(this.selectedButtonsStrongAlcohol, this.selectedAlcoholDate).subscribe((report: ReportModel) => {
  this.strongAlcoholReport = report;
});
this.dashboardService.getWineReports(this.selectedButtonsWine, this.selectedAlcoholDate).subscribe((report: ReportModel) => {
  this.wineReports = report;
});
  }