anchor.diff: +[[vaadin-angular2-polymer.tutorial]]
   = Angular 2 with Polymer Elements Tutorial
   
  +[[vaadin-angular2-polymer.tutorial.introduction]]
   == Introduction
   
   TODO: Link the resulting application code repository in this section when it gets published.
  
positive.code: See the https://github.com/angular/quickstart/blob/master/README.md[QuickStart README] for more information about creating a new project and other useful [command]#npm# commands.
  ====
  
  == Adding and Installing Dependencies
  
  After the previous step, we have an empty Angular 2 application source with all the Angular dependencies installed. In this step, we are going to add the Polymer library and some elements as dependencies of our application, and install them.
  
negative.code: In order to enable all features of Polymer elements used inside your Angular component templates, remember to import [classname]#PolymerElement# in the component file and add `PolymerElement('element-name')` line for each Polymer element you use to the [propertyname]#directives# array of your component metadata.
  ====
  
  [[vaadin-angular2-polymer.tutorial.list-heroes]]
  == List Heroes with Vaadin Grid
  
  In the previous step we added the application layout with [elementname]#app-layout# elements. Next we are going add actual application content. Our plan is to use Vaadin Grid to list Heroes.
  