oguzhan18/angular-ecosystem-skills179 installs
angular-resolvers
ALWAYS use when working with Angular Route Resolvers, data pre-fetching, or loading data before route activation.
How do I install this agent skill?
npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill angular-resolversIs this agent skill safe to install?
- Gen Agent Trust Hubpass
No security issues were detected. This skill provides documentation and standard code snippets for Angular Route Resolvers, referencing official and well-known Angular community resources.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
Angular Route Resolvers
Version: Angular 21 (2025) Tags: Resolvers, Routing, Data Loading
References: Resolvers Guide
Best Practices
- Create functional resolver
export const userResolver: ResolveFn<User> = (route, state) => {
const userService = inject(UserService);
const userId = route.paramMap.get('id');
return userService.getUser(userId!);
};
- Use resolver in route
const routes: Routes = [
{
path: 'user/:id',
resolve: { user: userResolver },
component: UserComponent
}
];
- Get resolved data in component
@Component({})
export class UserComponent {
private route = inject(ActivatedRoute);
user = this.route.snapshot.data['user'];
// Or with input binding (Angular 17+)
userId = input<string>();
}
- Handle resolver errors
export const dataResolver: ResolveFn<Data> = (route, state) => {
const service = inject(DataService);
return service.getData().pipe(
catchError(() => of(null))
);
};
- Use multiple resolvers
const routes: Routes = [
{
path: 'dashboard',
resolve: {
user: userResolver,
settings: settingsResolver
},
component: DashboardComponent
}
];
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/oguzhan18/angular-ecosystem-skills/angular-resolvers">View angular-resolvers on skillZs</a>