title: How can I optimize my Angular Http Post?
body: <p>I have to make a Http post call to my rest service and it will pull a large amount of data at once. When I make the call right now the pages freezes for about 1.5 seconds and it display all the data on the page and I can scroll. But until the data is all back the browser is not responsive.</p>
  
  <p>Is there any way to prevent this? Is there a way I can start rendering the page as I get the data and not have to wait for all the data back?</p>
  
  <p>Here is the call I have on my service.</p>
  
  <pre><code>getListItems(topicType: string, topicStatus?: number) {
      const headers = new Headers({'Content-Type': 'application/x-www-form-urlencoded'}),
            options = new RequestOptions({ headers: headers});
      let   body = 'jwt=' + this.tempToken + '&amp;type=' + topicType;
      if(topicStatus !== undefined) {
        body += '&amp;status=' + topicStatus;
      }
      return this.http.post(this.baseUrl + 'read/topicslist', body, options).map((res) =&gt; res.json());
   }
  </code></pre>
  
  <p>And on my component I store the result set on an object that is used to display on the template.</p>