Vaadin grid does not render cell data when used with angular 6 and polymer

Flow
1

I’m creating a simple table in angular 6 based on vaadin grid. I installed vaadin-core and iron-pages as per guide.
Grid creates required number of rows and columns. However data is not displayed and it renders empty cells and column headers.
[see attachment]

  • code -

<vaadin-grid #grid style="height:300px;width:420px" [items]
="items">
  <vaadin-grid-column width="200px">
    <template class="header">
      Column 1
    </template>
    <template>
      [[item.att1]
]
    </template>
  </vaadin-grid-column>

  <vaadin-grid-column class="header" width="200px">
    <template class="header">
      Column 2
    </template>
    <template>
      [[item.att2]
]
    </template>
  </vaadin-grid-column>
</vaadin-grid>

17400036.jpg