I have been trying to integrate this with my Angular 8 App.
Everything works as expected except for the case when I try to insert HTML with a custom component into the rows parameter.
As an example
var data = ['<app-custom-component>…</app-custom-component>', '<app-custom-component>…</app-custom-component>', …];var clusterize = new Clusterize({ rows: data, scrollId: 'scrollArea', contentId: 'contentArea' });
In this case,
The final rendered HTML doesn't translate to the HTML template of the custom component and rather displays the exact same HTML, word by word as loaded into the rows parameter.
The fate of the DOM events is similar too. The click or hover events are not directly interpreted.
I understand that this might be because of the way Angular compiles Apps but is there still any way of using custom components, instead of directly using the custom component template's HTML in the rows value?
I have been trying to integrate this with my Angular 8 App. Everything works as expected except for the case when I try to insert HTML with a custom component into the rows parameter.
As an example
var data = ['<app-custom-component>…</app-custom-component>', '<app-custom-component>…</app-custom-component>', …];var clusterize = new Clusterize({ rows: data, scrollId: 'scrollArea', contentId: 'contentArea' });In this case,
I understand that this might be because of the way Angular compiles Apps but is there still any way of using custom components, instead of directly using the custom component template's HTML in the rows value?