Expert Angular

Change detection strategy

By default, Angular defines a change detection strategy for every component in our application--which means every time there is any change in our template, it traverses down to the last component in a tree structure check for any changes and makes the necessary updates.

This takes a performance hit!

Hence, Angular provides us with options to define explicitly which change detection strategy we want to implement for our components.

Angular provides a ChangeDetectionStrategy module by which we can define the change detection strategy we want to use.

There are two different values ChangeDetectionStrategy takes:

• Default
• OnPush

Let's analyze each of these options in detail to understand how each of these work.