🚀 feature request

Unsubscribe from routing guards as soon as one of them returns false

For @angular/router

Description

Right now if you use two or more guards on a route, the router will run them all. Even if one of them already returned false.

Practical example: You have a checkout route:

• Guard 1 checks, if you are logged in. If not, it shows the login
• Guard 2 checks, if your address is missing. If it is, it redirects you to the page to enter an address
• Guard 3 checks, if a payment is missing. If it is, it redirects you to the page to choose a payment method

Route looks like this:

{
    path: '/checkout',
    canActivate: [LoginRequired, AddressRequired, PaymentRequired],
}

If you write it like that, and all 3 guards return false, you get 3 redirects. And if redirect AddressRequired wins, that routes LoginRequired will execute again.

Reproduction: https://ng-run.com/edit/uFlyQUYoejI0PkJhBUnm
Open the browser devtools console and then click the link to navigate to the blocked route to see the order of execution of the guards.

Describe the solution you'd like

If a guard returns false, unsubscribe from previous guards and don't even execute remaining guards.

Right now we use a service that wraps the observables returned by canActivate to achieve this behavior. Looks like this https://ng-run.com/edit/HmMVqtmmHB52knus3yjk