{"repo":"angular-extensions/elements","free":true,"listed":false,"github":"https://github.com/angular-extensions/elements","clone":"git clone https://github.com/angular-extensions/elements.git","description":"Lazy load Angular Elements (or any other web components / custom elements ) with ease!","language":"TypeScript","stars":320,"topics":["angular","angular-elements","web-components","lazy-loading","custom-elements","micro-frontends","microfrontends"],"license":"MIT","category":"ui-components","readme_excerpt":"ANGULAR EXTENSIONS ELEMENTS The easiest way to lazy-load Angular Elements or any other web components in your Angular application! by @tomastrajan Documentation - Docs - Getting started - Use cases - FAQ - API - Examples - Blog post - Meetup presentation (video) Quickstart 1. Install npm i @angular-extensions/elements 2. Add import { LazyElementDirective } from '@angular-extensions/elements' ; 3. Append LazyElementDirective to the imports: [] of your MyOrgComponent 4. Add new schemas: [] property with CUSTOM ELEMENTS SCHEMA value to @Component decorator of your MyOrgComponent 5. Use axLazyElement directive on an element you wish to load and pass in the url of the element bundle Example of component implementation Supported Angular versions Library was tested with the following versions of Angular and is meant to be used with the corresponding major version ( \"@angular/core\"\": \"^15.0.0\" with \"@angular-extensions/elements\": \"^15.0.0\" ). - 9.x (full IVY support, using renderers so careful with SSR) - 8.x (partial IVY support, axLazyElement works but axLazyElementDynamic does NOT work with IVY) - 7.x - 6.x (eg npm i @angular-extensions/elements@^6.0.0 ) Internal dep graph Become a contributor Missing a feature, found bug or typo in docs? Please, feel free to open an issue or submit a pull request to make this project better for everyone! 🤗 Tomas Trajan 💻 🎨 💡 📖 🤔 🚇 ⚠️ Artur Androsovych 💻 🐛 Wayne Maurer 🐛 💻 Santosh Yadav 💻 📦 David Dal Busco 💻 💡 Zama Khan Mohammed 💻 ","default_branch":null,"files":null,"tree":[],"storefront":"/r/angular-extensions","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/angular-extensions/elements/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}