# How to integrate angular app inside aurelia app

**URL:** <https://discourse.aurelia.io/t/how-to-integrate-angular-app-inside-aurelia-app/376>\
**Category:** Help Requests\
**Created:** [November 14, 2017, 3:28pm UTC](https://discourse.aurelia.io/t/how-to-integrate-angular-app-inside-aurelia-app/376 "2017-11-14T15:28:56Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![pmanu93](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/pmanu93/32/280_2.png) [@pmanu93](https://discourse.aurelia.io/u/pmanu93)\
**Post date:** [November 14, 2017, 3:28pm UTC](https://discourse.aurelia.io/t/how-to-integrate-angular-app-inside-aurelia-app/376/1 "2017-11-14T15:28:56Z")

</div>

Hi,  
Our ideia was to integrate ngFormBuilder ([https://github.com/formio/ngFormBuilder](https://github.com/formio/ngFormBuilder)) as a component in aurelia…

Is this even possible?

Thanks in advance,  
Pedro Silva

---

<div class="post-metadata">

**Author:** ![fragsalat](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/fragsalat/32/270_2.png) [@fragsalat](https://discourse.aurelia.io/u/fragsalat)\
**Post date:** [November 14, 2017, 3:55pm UTC](https://discourse.aurelia.io/t/how-to-integrate-angular-app-inside-aurelia-app/376/2 "2017-11-14T15:55:28Z")

</div>

I would absolutely not recommend this.

You would have to load the entire angular core framework.

So yeah it would be possible but I would say it isn’t worth the effort and overhead.

PS: If you still want to go with it, Bryan Smith created a plugin long time ago to illustrate whats possible with aurelia. [https://github.com/bryanrsmith/aurelia-angular-loader](https://github.com/bryanrsmith/aurelia-angular-loader)

---

<div class="post-metadata">

**Author:** ![bigopon](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/bigopon/32/18_2.png) [@bigopon](https://discourse.aurelia.io/u/bigopon)\
**Post date:** [November 14, 2017, 9:19pm UTC](https://discourse.aurelia.io/t/how-to-integrate-angular-app-inside-aurelia-app/376/3 "2017-11-14T21:19:31Z")

</div>

If you check aurelia collected tutorial ( use search feature of discourse), you will find one guiding how to build data driven form with aurelia, written by Ashley Grant. No need for external lib

---

<div class="post-metadata">

**Author:** ![rkever](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/rkever/32/145_2.png) [@rkever](https://discourse.aurelia.io/u/rkever)\
**Post date:** [November 14, 2017, 9:52pm UTC](https://discourse.aurelia.io/t/how-to-integrate-angular-app-inside-aurelia-app/376/4 "2017-11-14T21:52:35Z")

</div>

One thing I think people still have trouble understanding with aurelia is that you don’t have to search for a framework component to get one working in aurelia. You can simply use JS since the framework is so un-obtrusive. I’ve never used ngFormBuilder but from what I see it’s just a [form.io](http://form.io) component. Just grab their lib (or others, e.g. [https://github.com/kevinchappell/formBuilder](https://github.com/kevinchappell/formBuilder)) and drop it into a new custom component (which is super easy to do) and you can build out your own form builder that suites your needs.

There are plenty of form builders out there so just pick the

Here’s a great tut on components in aurelia. [https://sean-hunter.io/2016/10/23/inter-component-communication-with-aurelia/](https://sean-hunter.io/2016/10/23/inter-component-communication-with-aurelia/)

---

<div class="post-metadata">

**Author:** ![pmanu93](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/pmanu93/32/280_2.png) [@pmanu93](https://discourse.aurelia.io/u/pmanu93)\
**Post date:** [November 16, 2017, 12:44pm UTC](https://discourse.aurelia.io/t/how-to-integrate-angular-app-inside-aurelia-app/376/5 "2017-11-16T12:44:47Z")

</div>

I’m aware that isn’t the best approach, but unfortunately, the formio’s “form builder” was developed as an angularjs app and we don’t have time to build another one from scratch… (they only have the “form renderer” in plain js)

The reason why we cannot use another library (btw, thanks @rkever for that example. it seems awesome), is because we want to use formio’s service.

We ended up by showing the app inside an iframe… Probably its better that way.

Thanks everyone!  
Pedro Silva

---

<div class="post-metadata">

**Author:** ![vladyn](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/vladyn/32/2473_2.png) [@vladyn](https://discourse.aurelia.io/u/vladyn)\
**Post date:** [March 25, 2024, 9:44am UTC](https://discourse.aurelia.io/t/how-to-integrate-angular-app-inside-aurelia-app/376/6 "2024-03-25T09:44:10Z")

</div>

Although there will be maybe wrong directions in the architecture if you loading an Angular app in Aurelia I think (and currently searching for a way) some cases you have to do it. Especially if you are dealing with an external apps, already written and required to be integrated.

---

<div class="post-metadata">

**Author:** ![abowen](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/abowen/32/1242_2.png) [@abowen](https://discourse.aurelia.io/u/abowen)\
**Post date:** [January 13, 2025, 2:31am UTC](https://discourse.aurelia.io/t/how-to-integrate-angular-app-inside-aurelia-app/376/7 "2025-01-13T02:31:26Z")

</div>

I’m investigating if it’s possible to host an Angular 18 page within the Aurelia app

Unfortunately that tutorial link is down ☹

Any other advice weclome