角度6错误类型错误:无法读取未定义的属性“navigate”

Question

在我的错误处理程序中，当我遇到错误时，我试图导航到另一个页面。

我尝试获取项目列表，如果失败，我想导航到“/error401”。我一直试图这样做：

UserTablecomponent:

export class UserDataSource extends DataSource<any>{


  constructor(private authservice: AuthService) {
    super();
  }
  connect(): any {
    return this.authservice.GetInstallation();
  }

  disconnect() { }
}

这个电话可能有点奇怪。它所做的是调用其余的，看看我有什么基于令牌的ID。然后在下一次调用中使用该ID

授权服务

  GetServiceProviderId(): Observable<Info> {
    return this.http.get<Info>(this.rooturl + 'info', { headers: this.reqHeader });
  }

  GetInstallation(): Observable<Installation[]> {
    return this.GetServiceProviderId().pipe(
      flatMap(info => {
        return this.http.get<Installation[]>
          (this.rooturl +
          "installation/?serviceproviderid=" +
          info.ServiceProviderId,
          { headers: this.reqHeader })
      }
    ), catchError(this.myerrorhandle.handleError))
  }
}

迈勒手

@Injectable({
  providedIn: 'root'
})
export class myerrorHandle {

  constructor(public router: Router) { }

  handleError(errorResponse: HttpErrorResponse) {
    switch (errorResponse.status) {
      case 401: {
        this.router.navigate(["./error401"])
        break;
      }
      default: {
        console.log("todo");
        break;
      }
    }
    return throwError('an error was thrown');
  }
}

这是我想导航到“/error401”的地方，但是

错误错误类型错误：无法读取未定义的属性“导航”

这是完整的错误日志：

错误类型错误：无法读取未定义的属性导航node_modules。/src/app/_esm5[作为选择器]（node_modules）在_esm5。/_esm5/rxjs/_error/内部/运营商/_error（node_modules）在_esm5。/Subscriber.js.Subscriber.error/rxjs/Subscriber.js:60/内部/node_modulesMergeMapSubscriber.push.（_esm5）在_error。/OuterSubscriber.js.OuterSubscriber.notifyError/rxjs/OuterSubscriber.js:13/内部/node_modules（_esm5）在node_modules。/InnerSubscriber.push./rxjs/InnerSubscriber.js.InnerSubscriber./内部/_esm5InnerSubscriber.js:18（_error）在node_modules。/Subscriber.js.Subscriber.error/rxjs/Subscriber.js:60/内部/_esm5（node_modules）在_esm5。/MapSubscriber.push./rxjs/Subscriber.js.Subscriber./内部/node_modulesSubscriber.js:80（Subscriber.js:80）在FilterSubscriber.push.。/MapSubscriber.push./rxjs/Subscriber.js.Subscriber.error/内部/myerrorHandle.ts:18（CatchSubscriber.push.）在catchError.js.CatchSubscriber.error。/Subscriber.js:60/rxjs/FilterSubscriber.push./内部/catchError.js:33（MergeMapSubscriber.push.）在Subscriber.js.Subscriber.。/Subscriber.js.Subscriber./rxjs/CatchSubscriber.push./内部/Subscriber.js:80myerrorHandle.ts.myerrorHandle.handleError（MergeMapSubscriber.push.）

Answer 1

您需要在代码中使用箭头函数才能使用类上下文this

catchError(() => this.myerrorhandle.handleError));

Answer 2

正如@user184994所说：

将catchError更改为CATCHERRO（（err）=