title: Ag-grid in Angular does not refresh when RowData is changed
body: <p>I have fully set up an ag-grid in Angular 6 which shows all of the rowData correctly when the page is started. However, when items are added to the rowData, the display of the ag-grid doesn't update.</p>
  
  <p>I have this situation set up in the following StackBlitz link:</p>
  
  <p><a href="https://stackblitz.com/edit/ag-grid-error?file=src/app/app.component.ts" rel="noreferrer">https://stackblitz.com/edit/ag-grid-error?file=src/app/app.component.ts</a></p>
  
  <p>I set this up so that each time the button on the top is clicked, an item is added to rowData and rowData is logged to console (accessed on the bottom right). The problem that I'm running into is that when I click the button to update rowData, the ag-grid doesn't display the new items.</p>
  
  <p>Interestingly enough, if you delete any portion of code in the editor and retype it to update the display, the new items <em>will</em> show on the ag-grid.</p>
  
  <p>Thank you in advance to anyone who knows how to solve this problem.</p>