En un curso de Angular que estoy haciendo lo hacen así, pero creo que esa versión es del 2020 aprox y me lo toma como deprecated.
Esta es la forma en la que Angular 17 me lo genera, haciendo uso de ng g guard y seleccionando canMatch, que vendría siendo el equivalente a canLoad de la imagen anterior.
import { CanMatchFn } from '@angular/router';
export const authGuard: CanMatchFn = (route, segments) => {
return true;
};
Información extra: Lo uso para permitir cargar la página si y solo si se encuentra un id proveniente del servicio AuthService en esa página.
{
path: 'heroes',
loadChildren: () => import('./heroes/heroes.module').then(m => m.HeroesModule),
canMatch: [authGuard]
},