diff --git a/skills/dev-skills/angular-developer/references/define-routes.md b/skills/dev-skills/angular-developer/references/define-routes.md index e36bdf06818..72552038ac8 100644 --- a/skills/dev-skills/angular-developer/references/define-routes.md +++ b/skills/dev-skills/angular-developer/references/define-routes.md @@ -38,6 +38,24 @@ Use `redirectTo` to point one path to another. { path: 'blog', component: Blog }, ``` +### Conditional Redirects + +Pass a function to `redirectTo` to apply logic when redirecting. + +```ts +{ + path: 'restaurant/:location/menu', + redirectTo: ({ params }) => { + const base = `/restaurant/${params['location']}/menu`; + const hour = new Date().getHours(); + + if (hour < 11) return `${base}/breakfast`; + if (hour < 17) return `${base}/lunch`; + return `${base}/dinner`; + }, +}, +``` + ## Page Titles Associate titles with routes for accessibility. Titles can be static or dynamic (via `ResolveFn` or a custom `TitleStrategy`).