Angular 6 - Rendering of dynamic content

[Christoph Kind]

How can I get dynamicly added content to get rendered?

For example: 

var box = $('#content-box');

box.append( "<p>Test {{ binding }}</p>" );

{{ binding }} will not get rendered.

Any suggestions?

Regards

Chris

[Sander Elias]

Hi Christoph,

While possible by manually invoking the compiler, it's not an easy thing to do. 

Can you give a sample of what it is you are trying to do, usually there is a simpler way to accomplish the same.

Regards

Sander

[Zlatko Đurić]

If you just want to render some hand-written HTML, use DomSanitizer (https://angular.io/api/platform-browser/DomSanitizer, here is an example: https://stackblitz.com/edit/angular-safe-unsafe-html) in your component. If you want more dynamic behavior with template binding etc, you can either try to build out this component dynamically (e.g. like in this answer on SO: https://stackoverflow.com/a/48028892/162070). Hope that helps.

Zlatko