JavaScript: Moving to ES2015

Routing life cycle methods

When a path matches a component, Angular 2 activates the component, and when the path changes, Angular 2 deactivates it. When we say that a component has been activated, it means that Angular 2 has created an instance of the component, that is, called the constructor method of the component, whereas when we say a component has been deactivated, it means the component has been removed from the DOM and instance is deleted.

The methods of a component that are called while activating or deactivating it are called routing lifecycle methods.

Here is the list of routing lifecycle methods:

• CanActivate: This hook is invoked before activating the component. It should return a boolean value or a promise indicating whether to activate ...