How to use ng-dynamic-component across multiple lazy loaded (visited) modules (pages)?

What I have in my mind is to use available directives from ng-dynamic-component in the root module without registering (without importing DynamicModule.withComponents) dynamic components (which are available in some other lazy loaded modules).

Appreciate an example on this.

[DeepakArora76]

I have come up with my own solution. Below is snippet for your reference. I will not be getting into the details of it.

  async getDynamicComponentUsingCompileAndLoad(componentName: string): Promise<ComponentRef<any>> {
    let moduleFactory = this.getModuleFactoryByModuleId(componentName);
    if (moduleFactory == null) {
      moduleFactory = await this.getModuleFactoryByLoadingModule(componentName);
    }

    if (moduleFactory == null) {
      return this.getDynamicContentErrorComponent(
        `Unable to load module for the component ${componentName}.`
      );
    }

    try {
      const moduleReference = moduleFactory.create(this.injector);
      const moduleFactories = await this.compiler.compileModuleAndAllComponentsAsync(moduleFactory.moduleType);
      const componentFactory = moduleFactories.componentFactories
        .find(e => e.componentType.name === componentName);
      const compReference = componentFactory.create(moduleReference.injector, null, null, moduleReference);
      moduleReference.destroy();
      return compReference;
    } catch (error) {
      console.error((<Error>error).message);
      return this.getDynamicContentErrorComponent(
        `Unable to load module for the component ${componentName}.`
      );
    }
  }

[gund]

Closing as this seems to be resolved.