我正在使用下面的代码来捕获小型Angular 6应用程序中的错误...我正在捕获错误,我正在控制台中显示信息,问题是除非我单击应用程序中的某个位置,否则不会显示吐司,它们并不会全部显示出来。我在应用程序的其他部分中使用ToastrService,每当我像在这里那样调用它时,它都显示了toats,而无需单击任何内容。
您知道什么可能导致这种行为吗?
import { Injectable, ErrorHandler, Injector } from '@angular/core';
import { Router } from '@angular/router';
import { HttpErrorResponse } from '@angular/common/http';
import { ToastrService } from 'ngx-toastr';
import { AppSettings } from '../../app.settings';
@Injectable()
export class GlobalErrorHandler implements ErrorHandler {
constructor(private injector: Injector) {}
public handleError(error: any) {
const router = this.injector.get(Router);
const settings = this.injector.get(AppSettings)
const toastr = this.injector.get(ToastrService);
console.log(`Request URL: ${router.url}`);
console.log(error);
if (error instanceof HttpErrorResponse) {
console.log("it is");
if (error.status === 401) {
router.navigate(['/login']);
settings.settings.setLoadingSpinner(false);
toastr.error('Logged in user no longer authenticated on server.', 'Unable to connect to server');
} else if (error.status === 404) {
console.log("it is 404");
toastr.error('Unable to connect to server. Missing or wrong URL, please try again', 'Unable to connect to server');
settings.settings.setLoadingSpinner(false);
} else if (error.status === 0) {
toastr.error('Server appears to be temporary unavailable', 'Unable to connect to server');
settings.settings.setLoadingSpinner(false);
} else if (error.status === 500) {
toastr.error('Server appears to be temporary unavailable', 'Unable to connect to server');
settings.settings.setLoadingSpinner(false);
}
} else {
console.error(error);
toastr.error('An error has occured', 'Sorry');
}
}
}
我还在模块中添加了提供程序,以将该类用作错误处理程序。
答案 0 :(得分:1)
请在构建器中包含烤面包机服务并运行。根据我的理解,在实例化服务的同时,还必须启动烤面包机。
答案 1 :(得分:0)
我相信您可以导入NgZone
并将其包含在构造函数中,以按预期进行此工作:
constructor(private injector: Injector, private zone: NgZone) {}
然后包装您的toastr
通话:
this.zone.run(() => toastr.error('message', 'title'));