Suppose I have the following component:
@Component({
template: '<div>{{foo.bar}}</div>'
})
class DemoComponent {
foo = undefined;
}
Notice how I'm attempting to access the bar property of an undefined value. This throws an error similar to:
Error in class DemoComponent - inline template:1:9 caused by: Cannot read property 'bar' of undefined
I would like to catch this error using a custom ErrorHandler:
class LoggingErrorHandler implements ErrorHandler {
constructor(private logger: Logger) {
}
handleError(error: any): void {
this.logger.error(error);
}
}
However, the handleError method is not called for template errors. My custom error handler works fine for other errors -- just not template errors. So how do I catch template errors?
