Si siempre te ha gustado el enfoque de Angular como Framework FrontEnd para aplicaciones web pero no quieres renunciar a la gran comunidad de los Webcomponents de Polymer, ¡Tengo una buena noticia para ti!

@codebakery/origami es un módulo de NPM que a partir de ahora puedes incluir en tus aplicaciones Angular 4 (o superior) para usar webcomponents de Polymer 2 con soporte para:

Code

La guia de uso viene muy bien explicada en la documentación del modulo, pero si queréis verlo funcionando he montado un ejemplo de uso en este Plunk.

Pluk Screenshot

He añadido algunas notas con los aspectos que considero más relevantes en cuanto a su integración y uso en una app Angular. Los he marcado con la tag @note.

Notes

  <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.0.6/webcomponents-loader.js"></script>
<!-- must be in index.html -->
<link href="WEB_COMPONENT/WEB_COMPONENT.html" rel="import">
import { PolymerModule } from '@codebakery/origami';
...

@NgModule({
  imports: [
    PolymerModule.forRoot(),// Only import .forRoot() once and at the highest level
...
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
...
})
export class AppModule {}
<paper-input emitChanges ironControl [(ngModel)]="myComponentVar">
</paper-input>

Espero que os sirva y pronto pongáis en comunión estos 2 maravillosos mundos en vuestras aplicaciones webs!