Elements in v6 and Beyond - Rob Wormald
Вставка
- Опубліковано 8 лют 2025
- ng-conf is a two day, single track conference focused on delivering the highest quality training in the Angular JavaScript framework. 1500+ developers from across the country will converge on beautiful Salt Lake City, UT to participate in training sessions by the Google Angular team, and other Angular experts. In addition to the invaluable training, ng-conf will deliver a premier conference experience for attendees, providing opportunities to network with other developers, relax at social events, and engage in some of the unique entertainment opportunities available in Utah.
We did some experiments with this a while back and ran into some serious problems.
- difficult (if not impossible) if you have 2 elements with different angular version (this just made it useless when creating a large element librarby)
- services where shared between the components if you inserted 2 elements of the same type (if you have state defined there you know what that means) I expected the two components to run on different instances of angular. (each component creating its own dependency injection container and such)
So we decided not to use it. Still there are many occasions we wish we could. I haven't heard on this topic for years now. I do hope they give it another go.
Angular 11 came but still this is work in progress
Angular 17 came this still in work in progress
This is a game changer for me. I just wished Content projection was mature enough to the date.
It's similar to directive which will work outside angular Eco system
Awesome 🤩
This is how CSS lives on in a rapidly fragmenting SPA world.
Elements are dynamic CSS. We need them because the four templates styles cant be modified without taking casualties, and also because they look like an ass fire.
I am a bit worried about this... any examples on actual reuse. We already use polymer in our project for limited components... I think this effort is worth it if we can truly use them in different frameworks easily.
How can we do run-time loading of Angular Elements? (Meaning element is on a CDN and we load it at run time withouth having to recompile the host angular app)
How can we do SSR with Angular Elements, if it's directly attaching itself to the DOM? and we don't have document on SSR
Isn't this just a wrapper on Custom Elements that is very much coupled with Angular ?
I have a ton of doubts :/
Coming back to this a year later, it looks like the documentation for Angular Elements doesn't fully flesh out how they work when embedded within other frameworks or just plain websites. It seems much easier to handle this use case with React or the Elm programming language. With Angular it looks like using it for SPAs is still the preferred method for using it.
do you have plans to make NgConf conferences in Asia, like in Uzbekistan .... ?
can these custom elements have routes?
Great talk!!
Where could I find the source code?
Can I get the slide of this talk. I want to deep dive into the this as I am doing some experiment on custom element in angular. I am trying to design/architect a project where every team will develop there components and inject to a page which can be capable of handling all language component like angular, react, vue, ect. it will help
what is the HelloworldModuleNgFactroy? and we are using bootstrapModuleFactory insteady of module and bootstrapModule?
Amazing talk on web or custom component.
the slide deck link is private ....
Is there a way to convert angular custom libraries to angular elements?
anybody got a good video tutorial of someone doing a complicated example of using these in an interconnected fashion? Such as where various Angular elements make use of a shared state?
:))))) awesomeeee
Has anybody make these elements work in IE.
Angular Element works fine in Angular 6 and outside of Angular in standard html page. However, when trying to use the packaged custom element in Angular 4, it is not working. Can you share us an example where a custom element, that is packaged for outside world, is working in Angular 4.
For those who think that Web Components are just lame and pointless, that might feel true for web devs for a while. They are actually made so that non-web devs (software devs) can build/instantiate whatever elements and build the desired structure without learning HTML (AKA declarative way of building the web). Vaadin elements, a good example, is using CustomElements to bridge the Java Spring with the browsers for the software devs.
the letter E is just really pain in a$* for web developers
Why is that?
Or are you referring to the icons of Edge/IE?
It is great but is relatively complicated compared to Vue.js. It is not easy for me to recommend it to my boss
Very nice! Btw, about Edge:
wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6261298-custom-elements
Boa Fabio!
angular.io brought me here