{"id":19388988,"url":"https://github.com/james2doyle/angular-custom-elements","last_synced_at":"2025-08-20T08:17:02.495Z","repository":{"id":145773103,"uuid":"139301237","full_name":"james2doyle/angular-custom-elements","owner":"james2doyle","description":"An example app demonstrating a AngularJS (v1.x) working with HTML Custom Elements","archived":false,"fork":false,"pushed_at":"2018-07-05T03:56:03.000Z","size":472,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-03T20:04:28.473Z","etag":null,"topics":["angular","customelements","hyperhtml"],"latest_commit_sha":null,"homepage":"https://james2doyle.github.io/angular-custom-elements/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/james2doyle.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-07-01T04:52:34.000Z","updated_at":"2018-07-24T19:56:40.000Z","dependencies_parsed_at":null,"dependency_job_id":"b2f0d7be-4048-4775-95bb-b05612e176cf","html_url":"https://github.com/james2doyle/angular-custom-elements","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/james2doyle/angular-custom-elements","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/james2doyle%2Fangular-custom-elements","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/james2doyle%2Fangular-custom-elements/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/james2doyle%2Fangular-custom-elements/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/james2doyle%2Fangular-custom-elements/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/james2doyle","download_url":"https://codeload.github.com/james2doyle/angular-custom-elements/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/james2doyle%2Fangular-custom-elements/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271285534,"owners_count":24732930,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-20T02:00:09.606Z","response_time":69,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","customelements","hyperhtml"],"created_at":"2024-11-10T10:14:17.283Z","updated_at":"2025-08-20T08:17:02.459Z","avatar_url":"https://github.com/james2doyle.png","language":"JavaScript","readme":"# AngularJS 1.x with HTML Custom Elements\n\n\u003e This is an example app demonstrating a AngularJS (v1.x) working with HTML Custom Elements.\n\nYou 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/).\n\nThese 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.\n\n**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.\n\n### Running\n\nBuild project:\n\n```bash\n$ git clone git@github.com:james2doyle/angular-custom-elements.git\n$ npm install\n$ gulp watch\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjames2doyle%2Fangular-custom-elements","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjames2doyle%2Fangular-custom-elements","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjames2doyle%2Fangular-custom-elements/lists"}