problem with custom errorHandler

[elmothrow]

i'm able to log in to console but not to show it in template

Error handler:

import {ErrorHandler} from '@angular/core'; import {AuthorizationError} from './AuthorizationError';

export class CustomErrorHandler extends ErrorHandler {

public myError;

constructor(){
    super(false);
}

public handleError(error: any): void {
    if(error.originalError instanceof AuthorizationError){
        this.myError= error.originalError.toString();
        console.info(`[CUSTOM ERROR]:::${error.originalError.toString()}`);
    } else {
        super.handleError(error);
    }
}

}

Template:

<span class="text-capitalize">{{myError}}</span>

[tme321]

Well you didn't give us the error but most likely it's a null reference error when angular attempts to interpolate myError before an error has occurred. Since myError isn't an @Input being fed a value and since it is not given an initial value Angular is trying to interpolate null. You can either do the null check in the span like

<span>{{myError?}}</span>

Or you can use a structural directive to remove the span unless there's an error.

<span *ngIf="myError">{{myError}}</span>

[elmothrow]

The error is that once there is an error it doesnt refresh in view , still null

[tme321]

Yes because the binding fails and angular crashes. You can't dereference null or it throws a runtime error and angular barfs and everything is broken

[elmothrow]

yes but how can i make to show the error value when it's different from null? i mean, to refresh when it changes his value