Angular2 角度数据表不起作用答案

【问题标题】：Angular2 angular-datatables is not workingAngular2 角度数据表不起作用
【发布时间】：2018-08-17 05:13:48
【问题描述】：

ngOnInit() {
    this.dtOptions = {
      pagingType: 'full_numbers',
      pageLength: 2
    };
 
    this.dtOptions = {
      pagingType: 'full_numbers',
      pageLength: 2
    };
    this.allservice.getUrl(this.listUserUrl)
    .subscribe(data=>{
      this.listUser=data.responseContents
   

    });
  }
  
  ## angular.json:
    "styles": [
              "src/styles.css",
              "node_modules/datatables.net-dt/css/jquery.dataTables.css"

            ],
            "scripts": [

 "node_modules/jquery/dist/jquery.js",
              "node_modules/datatables.net/js/jquery.dataTables.js"

            ]

<table datatable  [dtOptions]="dtOptions" class="row-border hover">
  <thead>
    <tr>
        <th class="text-center width-10"> Name
       </th>
      <th class="text-center"> User Name
           
      </th>
    
    </tr>
  </thead>
  <tbody>
    <tr  *ngFor = "let i = index ; let x of listUser ">
          <td class="text-center">{{x.name}}</td>
      <td>{{x.username}}</td>
   
         
    </tr>
  </tbody>
</table>

在这个我试图在第一次加载时使用数据表我在表中获取数据但是如果我做任何排序 r 过滤器，分页它显示没有找到数据。我不知道我在哪里犯了错误，任何人都可以帮助解决这个问题.

【问题讨论】：

在stackblitz中提供实时代码
l-lin.github.io/angular-datatables/#/basic/angular-way 。我正在关注此链接。

标签： angular angular-datatables

【解决方案1】：

试试这个链接Datatables Plugin in Angular 6

【讨论】：

【解决方案2】：

即使在该消息上方加载了行，我也没有找到任何数据。我使用 dtTrigger 解决了这个问题，如下所述。

确保您将[dtTrigger]="dtTrigger" 放在模板中的表格标记内。 dtTrigger: Subject<any> = new Subject(); 作为组件属性。并在调用服务后将this.dtTrigger.next(); 触发数据表渲染。

【讨论】：