Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Angular 2 iframe on website

Is it possible to launch angular2 cli 4.0 into an iframe on a website, in order to have a preview of angular2 components? I would be grateful for an answer to this question.

like image 461
Adrian Sawicki Avatar asked Apr 27 '17 09:04

Adrian Sawicki


Video Answer


2 Answers

You could run an angular app and load it into iframe. In your app, you should create a route where only one component will be visible. Then you can load it into iframe in the other website.

Example: your component would be available at http://localhost:4200/components/card

and then on your website, you can load it like this: <iframe src="http://localhost:4200/components/card></iframe>

like image 178
Mattonit Avatar answered Sep 19 '22 23:09

Mattonit


Lets say you angular app is hosted at http://localhost:4200 which is the default url when you run the app with ng serve

Just add <iframe src='http://localhost:4200'> in you web app and angular app will be loaded inside you website.

like image 33
Master Yoda Avatar answered Sep 19 '22 23:09

Master Yoda