{"id":19548057,"url":"https://github.com/platosha/angular-polymer","last_synced_at":"2025-04-09T14:06:26.463Z","repository":{"id":57178931,"uuid":"57363293","full_name":"platosha/angular-polymer","owner":"platosha","description":"Angular 2 support for Polymer elements","archived":false,"fork":false,"pushed_at":"2017-06-09T13:47:28.000Z","size":767,"stargazers_count":220,"open_issues_count":24,"forks_count":44,"subscribers_count":22,"default_branch":"master","last_synced_at":"2025-04-05T11:11:56.861Z","etag":null,"topics":["angular2-polymer","polymer-element"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/angular-polymer","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/platosha.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-04-29T07:10:46.000Z","updated_at":"2024-01-17T18:07:33.000Z","dependencies_parsed_at":"2022-09-09T17:30:21.662Z","dependency_job_id":null,"html_url":"https://github.com/platosha/angular-polymer","commit_stats":null,"previous_names":["vaadin/angular2-polymer"],"tags_count":15,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/platosha%2Fangular-polymer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/platosha%2Fangular-polymer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/platosha%2Fangular-polymer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/platosha%2Fangular-polymer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/platosha","download_url":"https://codeload.github.com/platosha/angular-polymer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248054227,"owners_count":21039952,"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","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":["angular2-polymer","polymer-element"],"created_at":"2024-11-11T03:54:35.212Z","updated_at":"2025-04-09T14:06:26.442Z","avatar_url":"https://github.com/platosha.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![CircleCI](https://img.shields.io/circleci/project/github/platosha/angular-polymer.svg)](https://circleci.com/gh/platosha/angular-polymer) [![Version](https://img.shields.io/npm/v/angular-polymer.svg)](https://www.npmjs.com/package/angular-polymer)\n\n# Angular-Polymer\n\n`angular-polymer` is a directive factory that aims at bridging the gaps between using [Polymer](https://www.polymer-project.org) based Web Components in [Angular](https://angular.io/) applications.\n\n\u003e Note: Currently Angular-Polymer only works with Angular 2.x, or Angular-CLI 1.0.0-rc.2 and lower.\n\u003e Work is being done to upgrade the library to work the latest Angular \u0026 CLI. [Want to help Contribute?](https://github.com/platosha/angular-polymer/issues/123)\n\n**In case you are using Angular 4+ and Polymer 2+** you might want to check out https://github.com/hotforfeature/origami\n\n---\n\n```typescript\nimport { NgModule, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';\nimport { PolymerModule, PolymerElement } from '@vaadin/angular2-polymer';\n\n@NgModule({\n  imports: [ PolymerModule ],\n  declarations: [\n    AppComponent,\n    PolymerElement('paper-input'),\n    PolymerElement('vaadin-combo-box')\n  ],\n  bootstrap: [ AppComponent ],\n  schemas: [ CUSTOM_ELEMENTS_SCHEMA ]\n})\nexport class AppModule { }\n\n@Component({\n  selector: 'app-component',\n  template: `\n    \u003cpaper-input [(value)]=\"myValue\"\u003e\u003c/paper-input\u003e\n    \u003cvaadin-combo-box [(value)]=\"myValue\" [items]=\"myItems\"\u003e\u003c/vaadin-combo-box\u003e\n  `\n})\nclass AppComponent {\n  myValue = 'A';\n  myItems = ['A', 'B', 'C'];\n}\n```\n\n## Getting started\n\nSee the overview for a [quick start](https://github.com/platosha/angular-polymer/blob/master/docs/overview.adoc#quick-start).\n\nSee the [tutorial](https://github.com/platosha/angular-polymer/blob/master/docs/tutorial-index.adoc) for complete instructions on how to use `angular-polymer` and how to build a working application with Angular data binding and routes.\n\nIf you are using [Webpack](https://webpack.github.io/) in your project, see the specific [document](https://github.com/platosha/angular-polymer/blob/master/docs/ng-cli-webpack.adoc) on how to build angular-polymer apps with webpack.\n\n## Demo app\n\nThe Expense Manager demo is an example of a real world application built using Angular and Polymer web components.\n\n- [Live demo](http://demo.vaadin.com/expense-manager-ng)\n- [Source code](https://github.com/vaadin/expense-manager-ng2-demo)\n\n## Where to get Polymer web components\n\nFor high quality Polymer web components, see the [Webcomponents Element Catalog](https://www.webcomponents.org/) and [Vaadin Elements](https://vaadin.com/elements).\n\n## Development\n\nFamiliarize yourself with the code and try to follow the same syntax conventions to make it easier for us to accept your pull requests.\n\nDiscuss / exchange ideas and ask questions here:\nhttps://polymer.slack.com/messages/polymer-angular/\n\n### Getting the Code\n\n1. Clone the angular-polymer project:\n\n  ```shell\n  $ git clone https://github.com/platosha/angular-polymer.git\n  $ cd angular-polymer\n  ```\n\n2. Install dependencies. We assume that you have already installed `npm` in your system.\n\n  ```shell\n  $ npm install\n  ```\n\n### Running Tests\n\nFor running the tests you need [Bower](http://bower.io) installed.\n\nThen, you can download all bower dependencies needed by the Tests.\n\n  ```shell\n  $ bower install\n  ```\n\nFinally, you can run the tests by typing:\n\n  ```shell\n  $ npm test\n  ```\n\nOptionally, you can watch for the source changes and keep the tests running automatically:\n\n  ```shell\n  $ npm run test:w\n  ```\n\n## License\n\nApache License 2.0\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplatosha%2Fangular-polymer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fplatosha%2Fangular-polymer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplatosha%2Fangular-polymer/lists"}