anchor.diff:    </table>
   </vaadin-grid>
   ----
  +
   [source, javascript]
   ----
  -gridReady(grid) {
  -  // You can now configure the columns by adding a renderer function for example.
  -  grid.columns[0].renderer = (cell) => {
  -    cell.element.innerHTML = 'row-' + cell.row.index;
  -  }
  +@ViewChild('grid') grid: any;
  +
  +ngAfterViewInit() {
  +  this.grid.nativeElement.then(() => {
  +      ...
  +  });
   }
   ----
  
positive.code:         <data>1, 1, 2, 3, 5, 8, 13, 21, 34</data>
        </data-series>
      </vaadin-area-chart>`,
    directives: [VaadinCharts, DataSeries]
  })
  ----
  
  
negative.code: == Installation
  
  [NOTE]
  
  Angular 2 support was introduced in `1.1.0-alpha1` versions of each element. +
  For element versions `1.1.0-beta2` or newer, use Angular version `2.0.0-rc.0`. +
  For element versions `1.1.0-alpha1 to 1.1.0-beta1`, use Angular version `2.0.0-beta.16/17`.
  
  
  Use https://www.npmjs.com/[npm] to install the generic polymer directive which allows the usage of any Polymer element in Angular 2.
  
  [source,bash]
  ----
  npm install vaadin/vaadin-ng2-polymer
  ----
  
  Although Angular 2 dependecies are typically installed via npm, Vaadin Elements require installation with http://bower.io[Bower].
  To install a Vaadin Core Element, first you should setup bower in your project, and then you need to run the following command in your project directory (replace the `[element-name]` part with the actual name of the element).
  
  [source,bash]
  