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

时间:2018-04-18 08:56:57

标签: angular datatable angular2-services angular2-directives

安装了这个 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; });

1 个答案:

答案 0 :(得分:0)

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

 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);
        });