Angular Router

A solid reference for Angular's routing system that covers the modern functional approach introduced in recent versions. You'll want this when setting up navigation, guards, or lazy loading in Angular 21 projects. The skill pushes you toward the newer patterns like functional guards with inject() and provideRouter() over the old class-based RouterModule setup, which is the right call. Includes practical examples for common scenarios like auth guards, route resolvers, and component input binding from route params. The lazy loading guidance alone could save you significant bundle size if you're not already doing it. Good for both greenfield projects and knowing what to migrate toward in existing apps.

skills.sh installs: 172
GitHub stars: 7
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add oguzhan18/angular-ecosystem-skills --skill angular-router --agent claude-code

Installs into .claude/skills of the current project.

Files

@angular/router

Version: Angular 21 (2025) Tags: Routing, Navigation, Guards, Lazy Loading, SPA

References: Docs — official routing guide • API • GitHub

API Changes

This section documents recent version-specific API changes.

NEW: Functional guards and resolvers — Prefer functional approach over class-based guards source
NEW: Router inputs — New way to pass data to components via route inputs source
NEW: withComponentInputBinding — Enable component input binding from route params
NEW: Router snapshots improvement — Better type safety for route parameters
NEW: provideRouter() — Modern router configuration with functional providers
DEPRECATED: RouterModule.forRoot() — Use provideRouter() in modern applications