Базовая служба не определена при попытке обработать ошибку, Angular - PullRequest
Новая
       32

Базовая служба не определена при попытке обработать ошибку, Angular

0 голосов
/ 17 июня 2020

У меня есть служба, которая расширяет базовую службу для обработки данных об ошибках.

Например, 

import { CurrentUserService } from './current-user.service';
import { CONFIG } from './../shared/base-urls';
import { BaseServiceService } from './base-service.service';
import { Injectable } from '@angular/core';
import { Http, Headers, Response, RequestOptions, ResponseContentType } from '@angular/http';
import { Router } from '@angular/router';

let baseUrl = CONFIG.baseUrls.url;

@Injectable()
export class ChildService extends BaseServiceService {

   constructor(
      public _http: Http,
      public _currentUser: CurrentUserService, 
      public _router: Router) 
   {
      super(_router, _http, _currentUser);
   }

   getFaqData() {
      var headers = new Headers();
      this.token = this._currentUser.getProfile().token;
      let sessionId = this._currentUser.getProfile().sessionId;
      headers.append('Authorization', `Bearer ${this.token}`);
      headers.append('Content-Type', 'application/json; charset=utf-8');
      return this._http.get(baseUrl + "api/UserAdmin/GetFaq", { headers: headers })
         .map((response: Response) => response.json())
         .catch(this.handleError)
   }
}

При возникновении ошибки this.handleError вызывается при нахождении в базовой службе но при попытке использовать экземпляр в базовой службе, например, для перенаправления пользователя при ошибке 401, ссылка в базовой службе равна нулю.

См. ниже, получить ошибку cannot read the property 'navigate' of undefined

   //Inside BaseServiceService 

   constructor(
      public _router: Router, 
      public _http: Http, 
      public _currentUser: CurrentUserService) 
   {}

   protected handleError(response: Response):any {
      var message = "";
      if (response.status == 401) {  
        //cannot read the property 'navigate' of undefined   
        this._router.navigate(["/login", false]);
      }
      return Observable.throw(message || 'We apologise. There was a technical error processing the request. Please try again later.')
   }

Как я могу это исправить?

1 Ответ

1 голос
/ 17 июня 2020

у вас есть справочная проблема this , пока вы передаете функцию внутри функции catch, this больше не ссылается на объект, вам нужно либо использовать функцию стрелки, и вызовите в нем handleError, 

catch((err)=>this.handleError(err)) //it will save the context

или используя метод привязки 

   catch(this.handleError.bind(this)) it will do the same
...