oguzhan18/angular-ecosystem-skills193 installs
angular-services
ALWAYS use when working with Angular Services, @Injectable, dependency injection, or business logic services.
How do I install this agent skill?
npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill angular-servicesIs this agent skill safe to install?
- Gen Agent Trust Hubpass
The skill provides educational content and best practices for Angular services. It references official Angular documentation and community resources. No security issues were identified.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
Angular Services
Version: Angular 21 (2025) Tags: Services, @Injectable, DI
References: Services Guide • @Injectable API
Best Practices
- Create service with providedIn
@Injectable({ providedIn: 'root' })
export class DataService {
getData() {
return this.http.get('/api/data');
}
}
- Use inject() function
@Injectable({ providedIn: 'root' })
export class UserService {
private http = inject(HttpClient);
getUsers() {
return this.http.get<User[]>('/api/users');
}
}
- Use factory providers
@Injectable({
providedIn: 'root',
useFactory: () => new LoggerService(environment.production)
})
export class LoggerService {
constructor(private isProduction: boolean) {}
}
- Use providedIn: 'any' for lazy services
@Injectable({ providedIn: 'any' })
export class LazyService {}
- Use service in component
@Component({})
export class MyComponent {
private dataService = inject(DataService);
data$ = this.dataService.getData();
}
- Use multiple services
@Component({})
export class MyComponent {
private auth = inject(AuthService);
private http = inject(HttpClient);
private router = inject(Router);
}
- Use service for shared state
@Injectable({ providedIn: 'root' })
export class CartService {
private items = signal<Item[]>([]);
cartItems = this.items.asReadonly();
addItem(item: Item) {
this.items.update(items => [...items, item]);
}
}
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-services">View angular-services on skillZs</a>