title: Angular 2, jQuery, *ngFor not working?
body: <p>I use angular2 with jQuery, I created a datatable, when I use static data all well, but as soon as I do a loop *ngFor nothing works (filtering, pagination, search)</p>
  
  <p>component.html</p>
  
  <pre><code>&lt;table id="dtb" class="table table-striped table-no-bordered table-hover" cellspacing="0" width="100%"
             style="width:100%"&gt;
        &lt;thead&gt;
        &lt;tr&gt;
          &lt;th&gt;Name&lt;/th&gt;
          &lt;th&gt;Position&lt;/th&gt;
          &lt;th&gt;Office&lt;/th&gt;
          &lt;th&gt;Age&lt;/th&gt;
          &lt;th&gt;Date&lt;/th&gt;
          &lt;th class="disabled-sorting text-right"&gt;Actions&lt;/th&gt;
        &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tfoot&gt;
        &lt;tr&gt;
          &lt;th&gt;Name&lt;/th&gt;
          &lt;th&gt;Position&lt;/th&gt;
          &lt;th&gt;Office&lt;/th&gt;
          &lt;th&gt;Age&lt;/th&gt;
          &lt;th&gt;Start date&lt;/th&gt;
          &lt;th class="text-right"&gt;Actions&lt;/th&gt;
        &lt;/tr&gt;
        &lt;/tfoot&gt;
        &lt;tbody&gt;
        &lt;tr *ngFor="let data of datas"&gt;
          &lt;td&gt;{{data.Name}}&lt;/td&gt;
          &lt;td&gt;{{data.Position}}&lt;/td&gt;
          &lt;td&gt;{{data.Office}}&lt;/td&gt;
          &lt;td&gt;{{data.Age}}&lt;/td&gt;
          &lt;td&gt;{{data.Date}}&lt;/td&gt;
          &lt;td class="text-right"&gt;
            &lt;a href="#" class="btn btn-simple btn-info btn-icon like"&gt;&lt;i class="material-icons"&gt;favorite&lt;/i&gt;&lt;/a&gt;
            &lt;a href="#" class="btn btn-simple btn-warning btn-icon edit"&gt;&lt;i class="material-icons"&gt;dvr&lt;/i&gt;&lt;/a&gt;
            &lt;a href="#" class="btn btn-simple btn-danger btn-icon remove"&gt;&lt;i class="material-icons"&gt;close&lt;/i&gt;&lt;/a&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>compoent.ts </p>
  
  <pre><code>import {Component, OnInit, ElementRef} from '@angular/core';
  import {TableData} from './table-data';
  declare var $:any;
  
  @Component({
    templateUrl: 'Home.component.html'
  })
  export class HomeComponent implements OnInit {
  
    datas: Array&lt;any&gt; = TableData;
    constructor(private _elRef: ElementRef) {}
  
    ngOnInit() {
      jQuery(this._elRef.nativeElement).find('#dtb').DataTable();
    }
  }
  </code></pre>
  
  <p>some help ? thanks all</p>