ngonchanges example angular 6

A lifecycle hook that is called when any data-bound property of a directive changes. Define an ngOnChanges() method to handle the changes.
On this page, we will provide Angular OnChanges and SimpleChanges for example. Angular provides lifecycle hooks for change detection. OnChanges is an interface and has a method declaration i.e ngOnChanges() . In the parent-child component, the child component declares the property to get values from the parent component. Whenever parent component changes the value of properties used in child component decorated with then the method created in child component runs automatically. The method ngOnChanges() uses SimpleChanges as an argument that gives the new and previous value of input values after changes. In the case of input user object data type, ngOnChanges() it is called only when the reference of the object is changed in the parent component. If we change only values of properties of an input user object then the method will not run. In our Angular application can be used for change detection of input properties. Now find the complete example step by step.
See Example!