How do i load <ax-lazy-element> dynamically using Angular dynamic component loader?

[rameezrami]

I'm trying to build a global sandbox to launch MiroApps which has different set of input data values. So i have built a UI screen for user to input his own "tag", "Js-url", @input values"(dynamic reactive form).

<ax-lazy-element
    *axLazyElementDynamic=" tag; url: url; module: false;"
    [someOtherInput]="myinput1"
    [SomeDiffrentInput]="myinput2"
    [config]="config"
    (action)="handleAction($event)"
  ></ax-lazy-element>

Now the only Problem is i need to hardcode below which could be different for different MicroAPps

[someOtherInput]="myinput1"
[SomeDiffrentInput]="myinput2"
[config]="config"

Usually this is solved via Angular dynamic components. but i can't find any component exported for <ax-lazy-element>

So my question here is, How do i load <ax-lazy-element> dynamically using Angular dynamic component loader? (https://angular.io/guide/dynamic-component-loader)

[rameezrami]

Any update? 👀