Angular 5 components inside jqxLayout

[mikhaaParticipant]

Hi,

I was planning to use Angular 5 components (possibly complex) inside jqxLayout like this:

<jqxLayout [width]="800" [height]="600" [layout]="layout">
    ...
  <div data-container="Document1Panel">
    <app-my-component></app-my-component>
  </div>
  <div data-container="Document2Panel">
    <jqxGrid...></jqxGrid>
  </div>
    ...
</jqxLayout>

However, it seems based of this discussion, that it is not supported and I have to dynamically create the content using initContent:

https://www.jqwidgets.com/community/topic/jqxdockinglayout-angular2-bugs-in-content/

Is it somehow possible to use custom Angular components inside jqxLayout markup (which is kind of the point of Angular) or do you plan add support to it? Just like it seemed to be with AngularJS to some extent using $.jqx.angularCompile based of this discussion:

https://www.jqwidgets.com/community/topic/jqxangular-directives-inside-jqxlayout/

Thanks!

[StanislavParticipant]

Hello mikhaa,

Have you tried using the dynamic component loader?
Recently we added it to our documentation and it shows how to inject dynamic components into the main component.
Here is the link Link

Best Regards,
Stanislav

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts