Resolve Route Guard - Angular (Tutorial #27) 

Resolve Route Guard in Angular - Tutorial no. 27
Resolve Route Guard in Angular allows us to provide the needed data for a route before the route is activated
Use this link to share this video : • Resolve Route Guard - ...
Resolve Route guard is very useful in such situation where data for component is very critical and we don't want to land on view with partial Data.
To use Resolve router guard or Resolver we need to create guard which will implement Resolve interface and Resolve interface will give one method to override called resolve. So now if component's data can come from any source (from mock data, or http API or service ) this resolve method will handle that. Then this Resolver or Resolve guard we will apply to our route using resolve property , and this resolve property will be a object which will take key: value .Here, the key will be your property name which need to call in component to get data and value will be the Resolver Name.
resolve: {
data: ResolveGuard
}
Now to access this data in component we need to do Dependency Injection and inject ActivateRoute . This activateRoute will give us data property to access the resolve key(data)
this.activateRoute.snapshot.data['data']
You can also visit my following videos:
CanActivateRouteGuard: • CanActivate Route Guar...
CanActivateChild Route Guard: • CanActivateChild Route...
Nested Routing: • Nested Routes - Angula...
Router Parameters: • Route Parameters - Ang...
Routing: • Routing - Angular (Tut...
Angular Tutorial Series:
• Introduction- Angular ...
Follow me on:
►RU-vid : / nishasingla
►Facebook : / angularjs4beginners
►LinkedIn : / nishasingla
Telegram :t.me/angulartech