title: PrimeNg datatable doesn't refresh
body: <p>Using Angular v2.4.8 and PrimeNg v1.1.4</p>
  
  <p>I have a page with two components:</p>
  
  <ol>
  <li>Dropzone, for uploading files</li>
  <li>p-datatable to show the uploaded files</li>
  </ol>
  
  <p>I configured Dropzone to send 5 files at a time and when it is finished with 5 files the event <code>onDropZoneSendingMultiple</code> is raised. When all files are uploaded <code>onDropZoneQueueComplete</code> is raised.</p>
  
  <p>In both listeners I want to refresh the datatable which is in the second component. This is not working. I need to refresh the page to see the new files.</p>
  
  <p>My HTML of the main page:</p>
  
  <pre><code>&lt;div class="row" id="dropzoneContainer"&gt;
      &lt;dropzone class="dropzone" #dz [config]="dropZoneConfig" 
                (error)="onDropZoneUploadError($event)"
                (sendingmultiple)="onDropZoneSendingMultiple($event)"
                (queuecomplete)="onDropZoneQueueComplete($event, dz);"
                (maxfilesreached)="onDropZoneMaxfilesReached($event)"
                (maxfilesexceeded)="onDropZoneMaxfilesExceeded"&gt;&lt;/dropzone&gt;
  &lt;/div&gt;
  
  &lt;div class="row"&gt;
      &lt;div class="col-md-12"&gt;
          &lt;FilesList&gt;&lt;/FilesList&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The <code>Dropzone</code>-component shows the dropzone. The <code>FilesList</code> shows the datatable.
  Part of the HTML:</p>
  
  <pre><code>&lt;p-dataTable [hidden]="loading" [value]="files" selectionMode="single" (onRowSelect)="details($event)"&gt;
  </code></pre>
  
  <p>In my main ts-file I have:</p>
  
  <pre><code>@ViewChild(FilesListComponent)
  public filesListComponent: FilesListComponent;
  
  private reloadFileList() {
    this.filesListComponent.reload();
  }
  </code></pre>
  
  <p>In my filelist ts I have</p>
  
  <pre><code>public files: File[];
  public reload() {
      this.getFiles();
  }
  public getFiles() {
      this.fileService.getAll()
          .then(
          data =&gt; {
              this.files = data;
          });
  }
  </code></pre>
  
  <p><code>getFiles</code> is also called at page load.
  When I add <code>console.log()</code> statements I can see <code>getFiles()</code> is called and <code>this.files</code> is updated, but the table doesn't refresh.</p>