How to handle template errors (and other errors) in angular 2?

Question

When ever there is a template error in angular 2, the entire application fails to work.

Shouldn't only the component that had the template that caused the error, fail to work and the rest of the application be working fine?

How to handle errors so that the application won't stop being responsive when an error occurs?

Answer 1

You can use custom ErrorHandler:

class MyErrorHandler implements ErrorHandler {
  handleError(error) {
    // do something with the exception
  }
}
@NgModule({
  providers: [{provide: ErrorHandler, useClass: MyErrorHandler}]
})
class MyModule {}

Answer 2

Using ? mark is a solution around this while binding an object/array property to the template.

"user?.name?.firstname"

Looking for the more consolidated solution where we should able to handle template binding errors when huge data object comes from API and adding ? for each property in not a stable and lengthy solution.