https://github.com/james2doyle/angular-custom-elements
An example app demonstrating a AngularJS (v1.x) working with HTML Custom Elements
https://github.com/james2doyle/angular-custom-elements
angular customelements hyperhtml
Last synced: 6 months ago
JSON representation
An example app demonstrating a AngularJS (v1.x) working with HTML Custom Elements
- Host: GitHub
- URL: https://github.com/james2doyle/angular-custom-elements
- Owner: james2doyle
- Created: 2018-07-01T04:52:34.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-07-05T03:56:03.000Z (over 7 years ago)
- Last Synced: 2025-03-03T20:04:28.473Z (12 months ago)
- Topics: angular, customelements, hyperhtml
- Language: JavaScript
- Homepage: https://james2doyle.github.io/angular-custom-elements/
- Size: 461 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AngularJS 1.x with HTML Custom Elements
> This is an example app demonstrating a AngularJS (v1.x) working with HTML Custom Elements.
You can use this technique as an approach for upgrading an Angular app to something more modern. You can move large UI components to [HTML Custom Elements](https://github.com/w3c/webcomponents/).
These elements are compabilty with most frameworks (React, Vue, and the like) as they are implemented at the browser level. When your dependency on Angular is low enough, you can begin converting/migrating on the page and route level knowing that the UI components work across both frameworks simultaneously.
**Side Note:** I used [hyperHTML-Element](https://github.com/WebReflection/hyperHTML-Element) as a base for the Custom Elements as they provide some helpers for common functionality.
### Running
Build project:
```bash
$ git clone git@github.com:james2doyle/angular-custom-elements.git
$ npm install
$ gulp watch
```