How to include angular 4 app inside iframe in another app?

Question

How to include a angular app in a non-angular app by using a iframe? Must be able to use angular app through this iframe with all routing still working. Is it possible? or Am I thinking wrong? Feel free to correct me. Thanks in advance.

Aragorn · Accepted Answer · 2018-10-31 16:49:15Z

7

iFrame is a complete DOM. As per MDN: Each embedded browsing context has its own session history and active document.

With that in mind, angular apps will work just fine inside an iFrame.

General syntax: <iframe src="url_to_your_angular_app"></iframe>

Read more: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe

answered Oct 31, 2018 at 16:49

Aragorn

5,3295 gold badges28 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Shine Over a year ago

I added iframe just like you suggested. It's working !!

A Coder Over a year ago

is there a way to pass a value to the angular app? like querystring

Collectives™ on Stack Overflow

How to include angular 4 app inside iframe in another app?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related