Angular Elements

A little bit of background before we dive into this article, Angular 5.x is ideal for building complete applications, and its tooling, documentation and infrastructure are primarily aimed at this case.

… but it can be challenging to use in scenarios that don’t fit that specific “monolith” model.

So rather than the Single Page App, where Angular owns the entire DOM, developers would like to “enhance” existing HTML pages, and this is what AngularJS used to do simply by adding an ‘ng-app’ attribute to a page. This is one of the most requested features for developers coming from AngularJS, and those new to Angular coming from primarily server-side frameworks (.NET, etc).

Other cases that are hard; like building Sites driven by Content Management Systems, where you might have more-than-one “root” components. Which is possible today, but quite complex, and requires a lot of Angular-specific knowledge to manually bootstrap components onto DOM elements.

When AngularJS started five-plus years ago, it was the “big player” on the Web. But in this day and age, there’s a huge community of JavaScript frameworks (AngularJS, Angular, React, Polymer, jQuery, Vanilla DOM, ..).

Again, Angular can be difficult to interop in these environments.

The question is, How do we embed Angular components in other environments?

Developers have a variety of use case :

Again, most things are possible today, but quite complex, and require lots of Angular-specific knowledge.

With that in mind, you understand that this will create a bridge between your Angular component and the outside world, and use it outside an Angular application.

The main features of Angular Elements are :

Even though they are not ready to use right away. I hope we’ll see Angular Elements being stable in a few months.

Good luck experimenting with Angular and Web Components.

Related posts:

On a recent trip to London I booked myself a Tarot experience on Airbnb. I’m not that much of an esoteric person. But I had heard that many people found the experience transformative, so I had to…

Sinto um calor flamejante Dos braços até as pontas dos meus dedos Uma vibração que deslisa suavemente E vibra O toque das cordas um pouco desafinada, O som da voz envergonhada Se não faltasse uma…