@@ -2,55 +2,53 @@ import { Component, OnInit } from '@angular/core';
2
2
import { HttpClient , HttpResponse } from '@angular/common/http' ;
3
3
4
4
class Person {
5
- id : number ;
6
- firstName : string ;
7
- lastName : string ;
5
+ id : number ;
6
+ firstName : string ;
7
+ lastName : string ;
8
8
}
9
9
10
10
class DataTablesResponse {
11
- data : any [ ] ;
12
- draw : number ;
13
- recordsFiltered : number ;
14
- recordsTotal : number ;
11
+ data : any [ ] ;
12
+ draw : number ;
13
+ recordsFiltered : number ;
14
+ recordsTotal : number ;
15
15
}
16
16
17
17
@Component ( {
18
- selector : 'app-server-side-angular-way' ,
19
- templateUrl : 'server-side-angular-way.component.html' ,
20
- styleUrls : [ 'server-side-angular-way.component.css' ]
18
+ selector : 'app-server-side-angular-way' ,
19
+ templateUrl : 'server-side-angular-way.component.html' ,
20
+ styleUrls : [ 'server-side-angular-way.component.css' ]
21
21
} )
22
22
export class ServerSideAngularWayComponent implements OnInit {
23
- dtOptions : DataTables . Settings = { } ;
24
- persons : Person [ ] = [ ] ;
23
+ dtOptions : DataTables . Settings = { } ;
24
+ persons : Person [ ] = [ ] ;
25
25
26
- constructor ( private http : HttpClient ) { }
26
+ constructor ( private http : HttpClient ) { }
27
27
28
- ngOnInit ( ) : void {
29
- let that = this ;
28
+ ngOnInit ( ) : void {
29
+ const that = this ;
30
30
31
- this . dtOptions = {
32
- pagingType : 'full_numbers' ,
33
- pageLength : 2 ,
34
- serverSide : true ,
35
- processing : true ,
36
- ajax : ( dataTablesParameters : any , callback ) => {
37
- that . http
38
- . post < DataTablesResponse > ( 'api/Persons.php' , dataTablesParameters , { } )
39
- . subscribe ( resp => {
40
- that . persons = resp . data ;
31
+ this . dtOptions = {
32
+ pagingType : 'full_numbers' ,
33
+ pageLength : 2 ,
34
+ serverSide : true ,
35
+ processing : true ,
36
+ ajax : ( dataTablesParameters : any , callback ) => {
37
+ that . http
38
+ . post < DataTablesResponse > (
39
+ 'https://angular-datatables-demo-server.herokuapp.com/' ,
40
+ dataTablesParameters , { }
41
+ ) . subscribe ( resp => {
42
+ that . persons = resp . data ;
41
43
42
- callback ( {
43
- recordsTotal : resp . recordsTotal ,
44
- recordsFiltered : resp . recordsFiltered ,
45
- data : [ ] ,
46
- } ) ;
47
- } ) ;
48
- } ,
49
- columns : [
50
- { data : "id" } ,
51
- { data : "firstName" } ,
52
- { data : "lastName" } ,
53
- ] ,
54
- } ;
55
- }
44
+ callback ( {
45
+ recordsTotal : resp . recordsTotal ,
46
+ recordsFiltered : resp . recordsFiltered ,
47
+ data : [ ]
48
+ } ) ;
49
+ } ) ;
50
+ } ,
51
+ columns : [ { data : 'id' } , { data : 'firstName' } , { data : 'lastName' } ]
52
+ } ;
53
+ }
56
54
}
0 commit comments