Unable to render angular component or directive inside dialog box

[the-nine-tail]

What is the current behavior? htmlpanel of TinyMCE Dialog does not render angular directive such as ngFor or ngIf. CODE---------- items: [{ type: 'htmlpanel', html: <div *ngFor="let a of myarray"> {{a}} </div> }]

What is the expected behavior? Value of array should be printed

Which versions of TinyMCE/TinyMCE-Angular, and which browser / OS are affected by this issue? Did this work in previous versions of TinyMCE or TinyMCE-Angular?

• TinyMCE Version 5.7
• Angular Version 11

If we need to create a different component then how to include that component in dialog box? I am trying to fetch data from external API into the dialog box. @TheSpyder

[jscasca]

@the-nine-tail Unfortunately, this is not supported. To achieve something like this you would need to compile the Angular code on the fly which I believe is highly discouraged by the Angular team.

So in order to achieve what you are after you would have to create the string using Javascript or have a compiled version of the component hidden somewhere where you can just grab the innerHTML and dump it in the panel.

Let me know if this helps