javascript / intermediate
Snippet
Routenschutz mit CanMatch
CanMatch-Guards bestimmen, ob eine Route überhaupt für das Matching berücksichtigt werden soll, was eine sauberere Routing-Logik im Vergleich zu herkömmlichen CanActivate-Guards ermöglicht.
snippet.js
1
2
3
4
5
6
export const adminMatchGuard: CanMatchFn = (route, segments) => {const isAdmin = inject(AuthService).isAdmin();return isAdmin || new RedirectCommand(router.parseUrl('/unauthorized'));};{ path: 'dashboard', canMatch: [adminMatchGuard], component: AdminComponent }
angular
Erklärung
1
CanMatchFn
Ein funktionaler Typ für Guards, die die Routenauswahl steuern.
2
RedirectCommand
Eine moderne Art, einen Navigationsbefehl direkt von einem Guard zurückzugeben.
3
canMatch: [adminMatchGuard]
Gibt den Guard an, mit dem entschieden wird, ob die Route zur URL passt.