title: Angular ngFor cannot render entire data
body: <p>I fetch data from api by <strong>resolver</strong> before loading component, also can see whole data in console and <code>{{ data.length }}</code> prints correct 100 number as well, but <code>ngFor</code> renders random amount of data about 20</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>// data.component.ts
  
  data: BooksData[];
  
  ngOnInit(): void{
    this.route.data.subscribe(
      data =&gt; {
        console.log(data) // prints entire data correctly, data: Array(100)
        
        this.data = data;
      }
    )
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>{{ data.length }} &lt;!-- 100 --&gt;
  
  &lt;ul&gt;
    &lt;li *ngFor="let d of data"&gt;{{ d.title }}&lt;/li&gt;
  &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>i also tried slice pipe <code>*ngFor=&quot;let d of data | slice:0:(data.length-1)&quot;</code> but same result</p>