What problem does it solve? Setting up navigation in modern Angular applications involves many moving parts: lazy loading, authentication guards, route parameters, resolvers, and nested routes. This Skill provides ready-to-use patterns for Angular v20+ routing so you avoid misconfigured routes, boilerplate errors, and outdated class-based guard syntax. ## Core Features & Use Cases - Route Configuration: Set up routes with provideRouter, redirects, wildcards, and lazy loading via loadComponent and loadChildren. - Functional Guards & Resolvers: Implement auth guards, role guards, canDeactivate guards, and data resolvers using modern functional APIs with inject(). - Signal-Based Route Parameters: Bind route and query parameters directly to component inputs using withComponentInputBinding and input.required. - Use Case: You need to protect an admin dashboard so only authenticated users with the admin role can access it, while lazy loading the admin feature. Use this Skill to generate the authGuard, roleGuard, and lazy-loaded route configuration. ## Quick Start Set up Angular routing for my app with a lazy-loaded admin section protected by an authentication guard and a user detail page that reads the id route parameter as a signal input.
