Shine
Shine

Reputation: 83

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

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.

Upvotes: 8

Views: 11592

Answers (1)

Aragorn
Aragorn

Reputation: 5289

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

Upvotes: 7

Related Questions