How to call API service inside Interceptors Angular

Question

I am trying to call API service inside the interceptor.

My API service code:

showAcknowledgement() {
    this.noticeService.getNotice(ConstUrls.NoticeManagement.GetUserNotice).subscribe((data: any) => {
      data.data.filter((res: any) => {
      if (data.isSuccessful === true) {
        this.noticeText = res.noticeText
        }
      } else if (data.isSuccessful === false) {
        this.message = [{ field: "", message: data.message[0].message }];
        this.objError = this.message;
        this.showError = true;
        window.scrollTo({ top: 0, behavior: 'smooth' });
      }
    })
    }, (error) => {
      this.message = [{ field: "", message: "error" }];
      this.objError = this.message;
      this.showError = true;
      window.scrollTo({ top: 0, behavior: 'smooth' });
    });
  }

My Interceptor Code:

  public intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return next.handle(req).pipe(
        tap((resp) => {
            if (resp instanceof HttpResponse && resp.body.isNotificationAvailable) {
              // I need to call my service API
            }
        })
    );
  }

If I call API inside Interceptor its hitting multiple times.