Я использую нумерацию на стороне сервера так же, как и ссылку: https://l -lin.github.io / angular-datatables / # / basic / server-side-angular-way
где я получаю данные от моего контроллера: http://localhost:63002/api/store/getallstoresales.
Я хочу отображать 2 строки на странице, однако отображаются все строки базы данных (не 2 строки на странице)
Ниже мой код:
import { Component, OnInit,AfterViewInit, Input, EventEmitter, Output, ViewChild,OnDestroy, ChangeDetectorRef } from '@angular/core';
import { DataTableDirective } from 'angular-datatables';
import { Subject } from 'rxjs';
import { AbstractService } from './abstractservice';
import { HttpClient, HttpHeaders, HttpParams, HttpResponse } from '@angular/common/http';
import { StoreModel } from '../models/StoreModel';
class Person {
strName: string;
strAddress: string;
strTelephone: number;
strSalesMonthly: number;
strSalesDaily: number;
}
class DataTablesResponse {
data: any[];
draw: number;
recordsFiltered: number;
recordsTotal: number;
}
@Component({
selector: 'store',
templateUrl: './store.component.html',
styleUrls: ['./store.component.css']
})
export class StoreComponent implements OnInit , AfterViewInit, OnDestroy {
private selectUndefinedOptionValue:any;
persons:Person[];
dtOptions: DataTables.Settings = {};
@ViewChild(DataTableDirective)
datatableElement: DataTableDirective;
nAddress:string;
lArr = [];
units: string[] = [];
recordsTotal:number;
recordsFiltered: number;
saveData = [];
constructor(private http:HttpClient,private service: AbstractService, private chRef: ChangeDetectorRef) { }
ngOnInit(): void {
var that=this;
this.dtOptions = {
ordering: false,
searching:true,
pagingType: 'full_numbers',
pageLength: 2,
serverSide: true,
processing: true,
dom: 'tpi' ,
ajax: (dataTablesParameters: any, callback) => {
that.http
.post<DataTablesResponse>(
'http://localhost:63002/api/store/getallstoresales',
dataTablesParameters, {}
).subscribe(resp => {
that.persons = resp.data;
callback({
recordsTotal: resp.recordsTotal,
recordsFiltered: resp.recordsFiltered,
data: []
});
});
},
columns: [{
data: 'strName'
}, {
data: 'strAddress'
}, {
data: 'strTelephone'
},{
data: 'strSalesMonthly'
},{
data: 'strSalesDaily'
}
]
};
}
}
Может кто-нибудь сказать мне, что не так? Или, если чего-то не хватает?