Manual lazy loading of Angular component and providers with Standalone APIs (without NgModule)

// lazy/index.tsexport * from './lazy.service';export * from './lazy.component';// custom naming convention - export an array named `providers`:export const providers = [LazyService];

export class AppComponent {  constructor(    protected viewContainerRef: ViewContainerRef,    protected injector: Injector,    protected environmentInjector: EnvironmentInjector  ) {}  lazyLoadComponent() {    // 1. lazy load the barrel file    import('./lazy/index').then((lazyBarrel) => {      // 2. create manually an `EnvironmentInjector` with all      //      the `providers` exported from the lazy barrel.      //      Pass `this.environmentInjector` as a parent.      const childEnvironmentInjector = createEnvironmentInjector(        lazyBarrel.providers,        this.environmentInjector,        'Lazy Environment Injector'      );      // 3. instantiate a lazy component, passing:      //      the parent component's element `Injector`      //      and the just created child `EnvironmentInjector`      const lazyComponent = createComponent(lazyBarrel.LazyComponent, {        environmentInjector: childEnvironmentInjector,        elementInjector: this.injector,      });      // 4. attach the lazy component inside the parent component      this.viewContainerRef.insert(lazyComponent.hostView);    });  }