Skip to content

Demo project, that demonstrates how to generate Web Components using Angular Elements, cool stuff :)

Notifications You must be signed in to change notification settings

playerx/angular-elements-sample

Repository files navigation

AngularElementsSample

This project was generated with Angular CLI version 1.6.0. and demonstrates how web components can be generated using standard angular components

Development server

Run npm start for a dev server. Navigate to http://localhost:4200/.

How to implement

Please review the commits, I've created step by step commits.

How to use

After build npm run build there will be three js files (inline.bundle.js, main.bundle.js, styles.bundle.js) include them in any html file and you will have access to your web components, created in angular!

@angular/elements

this package is coppied from angular repository labs/elements branch, it's folder can be removed after this package will be released and will be available on npm

Summarize

We don't have bootstrap component in AppModule, instead of that we can have any number of entry components and they all will be web components!

For demonstration I've commented standard app-root component in index.html and placed multiple app-like-button components.

To create more web components using angular, just generate new component ng g component my-new-comp and place in AppModule's entryComponent's list, thats it, really simple :)

Video

IMAGE ALT TEXT HERE

About

Demo project, that demonstrates how to generate Web Components using Angular Elements, cool stuff :)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published