title: HTTP Response in angular typescript observable loads very slow
body: <p>Sorry if this has already been asked, but, surprisingly, I couldn't find anyone with this question.</p>
  
  <p>I have an Angular CLI project using Angular 4 and observables to get an http request. The problem is that as more data is stored, the larger the request gets. So now it's REALLY slow, like unbearably slow. Anyways, here's a snippet of my code where I'm requesting some info in an observable, then rendering a datatable when it's complete.</p>
  
  <p>Question: How can I have the table render when there's 10 or so values in but not all of them or have the table load faster for the user while still getting data from the backend?</p>
  
  <pre><code>import { Component, OnInit, OnDestroy, ViewChild } from '@angular/core';
  import { HttpClient } from '@angular/common/http';
  import { Subject } from 'rxjs/Rx';
  import { Observable } from 'rxjs/Observable';
  
  export class TestcasesComponent implements OnInit {
    constructor(private httpClient: HttpClient) { }
  
    ngOnInit() {
      this.httpClient.get("/api/test-case")
      .subscribe(cases =&gt; {
        this.cases = cases; &lt;-- this takes awhile
        renderTable(this.trigger);
        this.loading = false;
      });
    }
  }
  </code></pre>