pagination works

matsen-tool/src/app/partners/partners.component.html

@@ -41,7 +41,6 @@
                (page)="handlePageEvent($event)"
                [pageSize]="pageSize"
                [pageIndex]="pageIndex"
-               
                showFirstLastButtons
                aria-label="Select page of periodic elements">
 </mat-paginator>

matsen-tool/src/app/partners/partners.component.ts

@@ -44,7 +44,7 @@ export class PartnersComponent implements OnInit, AfterViewInit {
         this.partners = [];
         this.displayedColumns = ['pos', 'name', 'address', 'website'];
 
-        this.dataSource = new MatTableDataSource(this.partners);
+        this.dataSource = new MatTableDataSource<PartnerJsonld>(this.partners);
         this.pageEvent = new PageEvent();
         this.length = 0;
         this.pageSize = 10;
@@ -84,13 +84,9 @@ export class PartnersComponent implements OnInit, AfterViewInit {
         this.partnersSub = this.partnerService.partnersGetCollection(this.currentPageIndex, "asc", this.dataType).subscribe(
             data => {
                 this.partners = data["hydra:member"];
+                this.dataSource = new MatTableDataSource<PartnerJsonld>(this.partners);
                 this.length = Number(data["hydra:totalItems"]);
-                console.log('GET DATA:');
-                console.log('length:' + this.length);
-                console.log('page index:' + this.pageIndex);
-                console.log('page size:' + this.pageSize);
-                this.dataSource.data = this.partners;
-                console.log(this.partners);
+                this.paginator.length = this.length;
             }
         );
         console.log(this.dataSource.data);
@@ -98,16 +94,10 @@ export class PartnersComponent implements OnInit, AfterViewInit {
 
 
     handlePageEvent(e: PageEvent) {
-        console.log(e);
         this.pageEvent = e;
         this.length = e.length;
         this.pageSize = e.pageSize;
         this.pageIndex = e.pageIndex;
-        console.log('PAGE EVENT:');
-        console.log('length:' + this.length);
-        console.log('page index:' + this.pageIndex);
-        console.log('page size:' + this.pageSize);
-
         this.currentPageIndex = this.pageIndex.valueOf() + 1;
         this.getData();
     }