How do I implement guards in Angular?

How do I implement guards in Angular?

To implement guards in Angular, you can use the CanActivate interface to control access to routes.

Can you show me a simple example of a CanActivate guard?

Sure! First, create a guard using the Angular CLI: ng generate guard auth. Then implement the canActivate method.

What should the canActivate method return?

The canActivate method should return a boolean or an Observable/Promise that resolves to a boolean, indicating if the route can be activated.

How do I protect multiple routes with the same guard?

You can apply the guard to multiple routes in your routing module by adding it to the canActivate array for each route.