angularangular2-cli

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.


Solution

  • 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>