Открытый угловой материал Snackbar в сервисе

Question

Я хочу показать пользователю ошибки через снэк-бар.Что совершенно нормально, когда я открываю Snackbar через компонент:

export class AppComponent implements OnInit {

    constructor(private snackBar: MatSnackBar) {
    }

    ngOnInit() {
        this.snackBar.open('message');
    }
}

Но когда я хочу открыть Snackbar в моем DataService, он выдает эту ошибку:

ERROR TypeError: Cannot read property 'open' of undefined

Мой DataService выглядиткак это:

export class DataService {

  private api = 'https://localhost:5001/api/';

  httpOptions = {
    headers: new HttpHeaders({
      'Content-Type': 'application/json'
    })
  };

  constructor(private http: HttpClient,
              private snackBar: MatSnackBar) {
  }

  getData() {
    return this.http.get(this.api, this.httpOptions)
      .pipe(
        retry(3), // retry a failed request up to 3 times
        catchError(this.handleError) // then handle the error
      );
  }

  private handleError(error: HttpErrorResponse) {
    if (error.error instanceof ErrorEvent) {
      // A client-side or network error occurred.
      console.error('An error occurred:', error.error.message);
    } else {
      // The backend returned an unsuccessful response code.
      // The response body may contain clues as to what went wrong,
      console.error(
        `Backend returned code ${error.status}, ` +
        `body was: ${error.error}`);
    }

    this.snackBar.open('Something bad happened, please try again later.');

    // return an observable with a user-facing error message
    return throwError(
      'Something bad happened; please try again later.');
  }
}

Итак, после третьей попытки получить данные, они попадают в handleError () и должны открыть SnackBar с «Что-то плохое случилось, пожалуйста, попробуйте позже».