angular-guards
CommunitySecure Angular routes with functional guards
Authoroguzhan18
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Protects Angular application routes by providing clear patterns, migration guidance, and practical implementations for route authorization and navigation control so teams can prevent unauthorized access and accidental navigation loss.
Core Features & Use Cases
- Functional Guard Patterns: Examples and recommendations for CanActivateFn, CanDeactivateFn, CanMatch, and CanActivateChild to replace deprecated class-based guards.
- Lazy-loading & Authorization: Techniques to use CanMatch and provideRouter to avoid loading unauthorized code and to protect lazy-loaded routes.
- Common Workflows: Protecting dashboards and admin areas with role checks, prompting users on unsaved changes via CanDeactivate, and combining multiple guards for layered security.
Quick Start
Generate functional CanActivate and CanMatch guard implementations for the project's admin and dashboard routes and provide migration steps from any class-based guards found.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: angular-guards Download link: https://github.com/oguzhan18/angular-ecosystem-skills/archive/main.zip#angular-guards Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.