title: Aaggrid causes ExpressionChangedAfterItHasBeenCheckedError
body: <p>I have some strange error when using <code>aggrid</code> in Angular 10. I created a simple example <a href="https://stackblitz.com/edit/angular-ivy-mnbupy?file=src/app/app.component.html" rel="nofollow noreferrer">here</a>:</p>
  <p>When I have this setup I get this error:</p>
  <p><code>Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: '0'. Current value: '100'.</code></p>
  <pre class="lang-html prettyprint-override"><code>Number of Rows {{getNumberOfRows()}}
  
  &lt;ag-grid-angular
    style=&quot;width: 100%; height: 400px;&quot;
    [rowData]=&quot;rowData&quot;
    [columnDefs]=&quot;columnDefs&quot;
    (gridReady)=&quot;onGridReady($event)&quot;
  &gt;
  </code></pre>
  <p>however, when I change it to this:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;ag-grid-angular
    style=&quot;width: 100%; height: 400px;&quot;
    [rowData]=&quot;rowData&quot;
    [columnDefs]=&quot;columnDefs&quot;
    (gridReady)=&quot;onGridReady($event)&quot;
  &gt;
  
  Number of Rows {{getNumberOfRows()}}
  </code></pre>
  <p>The error is gone. How can this be and how can I fix it?!</p>