Aurelia 2 component running in angular

Aurelia components are not web components. There’s a way to bridge the systems, so that whenever you do create a HTML element, it would automatically hydrate and connect.
The v1 plugin isn’t compatible for v2, maybe I’ll create a separate plugin first before we have an official plugin for v2.

For your main question:

whether an aurelia 2 component can run inside an angular 11 app

Yes, there’ at least two ways:

  1. render an Aurelia app. All it requires is a host element and a root component. This means in the Angular app, you will get some element reference, and instantiate an Aurelia app with this element as host.
  2. As you notice, if you want to simplify the process of creating an element, any do not want to instantiate Aurelia apps in many places, you can use native web component to do this.

Note that both approaches above require the Aurelia runtime to be brought in, which means it will increase the bundle size of your application.

2 Likes