Skip to content

inject() Function

Angular 14+ introduced the inject() function as an alternative to constructor-based injection. It works in components, directives, pipes, guards, and resolvers.

import { inject } from '@angular/core';
@Component({ ... })
export class UserComponent {
private userService = inject(UserService);
private route = inject(ActivatedRoute);
// No constructor needed!
}
  • Cleaner class definitions
  • Works in functional guards
  • Reduces boilerplate

The inject() function provides a cleaner, more flexible injection mechanism.”