GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - loetscher/angular-elements-sample: Demo project, that demonstrates how to generate Web Components using Angular Elements, cool stuff :)

BranchesTags
Open more actions menu
 
 

Latest commit

 

History

29 Commits
29 Commits

Folders and files

NameName
Last commit message
Last commit date
bin
bin
 
 
e2e
e2e
 
 
src
src
 
 
.angular-cli.json
.angular-cli.json
 
 
.editorconfig
.editorconfig
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
concatFiles.js
concatFiles.js
 
 
karma.conf.js
karma.conf.js
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
protractor.conf.js
protractor.conf.js
 
 
tsconfig.json
tsconfig.json
 
 
tslint.json
tslint.json
 
 
yarn.lock
yarn.lock
 
 

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 :)

angular-elements-sample.now.sh/

Resources

Readme
Activity

Stars

1 star

Watchers

1 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.