title: Angular 2 / 4 Server Side Processing for Datatables not displaying data
body: <p>Angular 4.2.4
  Angular-Datatables 4.2.0</p>
  
  <p><strong>Html</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;table datatable [dtOptions]="dtOptions"&gt;&lt;/table&gt;
  </code></pre>
  
  <p><strong>Component</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>ngOnInit() {
  
      this.dtOptions = {
          ajax: {
              url: "http://localhost:8880/nmets/api/manifest/search",
              type: 'POST',
              contentType: 'application/json; charset=UTF-8',
              error: function(xhr, error, code) { console.log(error); },
              success: function(result) {console.log(JSON.stringify(result))},
              data: function(data) {
                  data['dto'] = this.manifest;
                  return JSON.stringify(data);
              }.bind(this)
          },
          columns: [
  
              { data: "departureTime", title: 'Departure Time', }
  
          ],
          processing: true,
          serverSide: true,
          pagingType: 'full_numbers',
          pageLength: 25,
      };
  }
  </code></pre>
  
  <p>When the page loads I see the table header ("Departure Time") and I see the word "Processing...". 
  I see the Post request and the server responds as follows (shortened):</p>
  
  <p><strong>Server Response</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>{"draw":1,
  "recordsTotal":109,
  "recordsFiltered":109,
  "data":[ 
  {"departureTime":"2:18 pm"},
  {"departureTime":"2:55 pm"},
  {"departureTime":"8:54 pm"},
  {"departureTime":"9:10 pm"},
  {"departureTime":"12:28 am"},
  {"departureTime":"12:33 am"},
  ...
  ]}
  </code></pre>
  
  <p>I can see the results from the 'success' callback, but the table does not get populated, and the 'Processing...' also continues to display.</p>
  
  <p>Any Ideas?</p>
  
  <p>Thanks </p>