this.handleError не является функцией - PullRequest
Новая
       9

this.handleError не является функцией

0 голосов
/ 28 августа 2018

пытается выяснить, почему handleError не может инициировать.

наша структура вызова API get 

get(relativeUrl: string, _httpOptions?: any) {

    var response = this.http.get(baseUrl + relativeUrl, _httpOptions)
          .pipe(
          catchError(this.HandleRequiredErrorResponse)
        ).toPromise();

            var responsedata = new ResponseData;

            responsedata.statusCode = '200';
            responsedata.response = response;

            return responsedata;
}

Эта функция обрабатывает наши пользовательские ошибки, если, кроме нашей требуемой ошибки, мы регистрируем ее, вызывая handleError function 

HandleRequiredErrorResponse(errorReponse: HttpErrorResponse) {
    var response = new ResponseData;

    if (errorReponse.status == 400) {
      response.statusCode = errorReponse.status.toString();
      response.response = errorReponse.error;
    }
    else if (errorReponse.status == 404) {
      response.statusCode = errorReponse.status.toString();
      response.response = errorReponse.error;
    }
    else {
      console.log(errorReponse)
      let err = this.handleError(errorReponse);//handleError is undefined

      return err;
    }

    return new ErrorObservable(response);
  }

здесь мы регистрируем некоторые связанные сообщения 

handleError(error: HttpErrorResponse) {
    if (error.error instanceof ErrorEvent) {
      console.error('An error occurred:', error.error.message);
    } else {
      console.error(
        `Backend returned code ${error.status}, ` +
        `body was: ${error.error}`);
    }
    return new ErrorObservable(
      'Something bad happened; please try again later.');
  }

И мой импорт 

import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import { ErrorObservable } from 'rxjs/observable/ErrorObservable';
import { catchError } from 'rxjs/operators';

Ответы [ 2 ]

0 голосов
/ 28 августа 2018

Это связано с областью действия и закрытием функции. Операторы Observable создают множество новых Observables под капотом, а создание нового объекта с помощью конструктора также создает новый контекст this. Параметр catchError не знает, что this относится к вашему компоненту при прямой передаче.

Просто оберните это в лямбда-функцию:

catchError(err => this.HandleRequiredErrorResponse(err))

Методы лямбда / жирной стрелки не имеют значения this и снимают тонну головных болей, исторически связанных с разработкой JS.

0 голосов
/ 28 августа 2018

Сделайте это: 

get(relativeUrl: string, _httpOptions?: any) {

var response = this.http.get(baseUrl + relativeUrl, _httpOptions)
      .pipe(
      catchError(this.HandleRequiredErrorResponse.bind(this))
    ).toPromise();

        var responsedata = new ResponseData;

        responsedata.statusCode = '200';
        responsedata.response = response;

        return responsedata;
}
...