从服务获取数据时，Angular 5 数据表分页不起作用答案

【问题标题】：Angular 5 data table pagination not work when getting data from service从服务获取数据时，Angular 5 数据表分页不起作用
【发布时间】：2018-09-28 10:31:48
【问题描述】：

安装了这个 https://www.npmjs.com/package/angular-datatables-5

在演示中，它们使用来自常量的数据，然后它工作正常，

this.filmResource.query(params).then(films => this.films = films);

这里的电影是一个常数

但是当我调用服务获取数据时，表格填充但分页不起作用，但数据填充没有任何问题。

this._productListService.getProductList().subscribe((productListData)=>{this.filmResource.query(params).then(films => this.films = productListData['deliveredOrdersSearchList'] );this.productList=productListData['deliveredOrdersSearchList'];this.spinnerService.hide(); return this.productList; });

【问题讨论】：

标签： angular datatable angular2-services angular2-directives

【解决方案1】：

我得到了答案更改服务调用和数据表初始化和计数器增量放置在方法中，上面方法初始化的变量工作正常

 DataResource;
    filmCount;
    films = [];
    this. _productListService.getProductList().subscribe(result => {
            this.films = result;
            this.filmCount = result.length;
            this.DataResource = new DataTableResource(this.films);
            this.DataResource.query(params).then(films => this.films = films);
            this.DataResource.count().then(count => this.filmCount = count);
        });

【讨论】：