html - 当捕获到HTTP错误代码500时，显示一个不错的div

Question

我创建了一个简单的ErrorHandler类，它看起来像:

export class AppErrorHandler implements ErrorHandler {

    handleError(error : any){
        //console.log('test error ', error.status);
        if(error.orginalError.status === 500){
            alert('An unexpected error occured 500');
            console.log('from AppErrorHandler ', error);
        }
        else {
            alert('An unexpected error occured');
            console.log('from AppErrorHandler ', error);
        }   
    }
}

如您所见，发生错误时，我只会在页面上显示 alert。经过一段时间的挖掘，我没有找到一种解决方案，可以通过引导类 div在任何一种 alert alert-danger中显示该错误。总有可能吗？

Answer 1

我认为您应该执行以下操作:

创建包含您的错误的服务

在您的错误处理程序中，将错误添加到errorService

创建一个将成为您“nice div”的组件

将此组件放在AppComponent中，以便始终可见。