Advanced Usage of Angular Dependency Injection

inject()

A long time ago in a galaxy far, far away, we were declaring dependencies of our Angular components in the constructor:

    @Component({
      selector: 'app-example',
      template: ``
    })
    export class ExampleComponent {
      constructor(private readonly authService: AuthenticationService) {
      }
    }

And our services were declaring their dependencies in the constructor:

    @Injectable({ providedIn: "root" })
    class AuthenticationService {
      constructor(private readonly http: HttpClient) {
      }

      getCurrentUserProfile(): Observable<UserProfile> {
        return this.http.get<UserProfile>('/user/profile');
      }
    }

But then magical inject() was brought to our world, and we …

advanced angular app class components dependencies dependency export far galaxy inject injection private root services template