angular2 dynamic html content loading with script tag and styles

Question

We are getting HTML content from the database by using API call. We are using third party script url.

Example: <div style="height:500px"><script type='text/javascript' src='//www.google.com'></script></div>

We need to display above HTML content into existing angular2 application.

Pardeep Jain · Answer 1 · 2018-06-18T12:56:41.680

2

Simply use innerHTML to load dynamic HTML content onto any elements like this -

yourData = <div style="height:500px"><script type='text/javascript' src='//www.google.com'></script></div>

<div [innerHTML]='yourData'></div>

this may help you to load dynamic script

edited Jun 18 '18 at 12:56

answered Jun 18 '18 at 12:31

Pardeep Jain

Thanks for your reply. the above-mentioned solution is not working in an angular2 application with script tags. Only it is displaying DIV tag not loading the script – user3149922 Jun 18 '18 at 12:40
yes , `innerHTML` will load only HTML content into your DOM with style if any – Pardeep Jain Jun 18 '18 at 12:44
okay, then how can I run a script using a script tag. The script loads a wizard with menu items list – user3149922 Jun 18 '18 at 12:49
@user3149922 check my updated answer with helpful link – Pardeep Jain Jun 18 '18 at 12:57

1 Answers1