แก้ bug pagination

src/app/components/pagination/pagination.component.html

@@ -31,12 +31,12 @@
     <!-- ตัวเลือกจำนวนรายการต่อหน้า -->
     <li>
       <select class="ti-form-select" [(ngModel)]="pageSize" (ngModelChange)="onPageSizeChange()">
-        <option *ngFor="let size of pageSizes" [value]="size">{{ size }}</option>
+        <option *ngFor="let size of pageSizes" [ngValue]="size">รายการต่อหน้า: {{ size }}</option>
       </select>
     </li>
   </ul>
 
   <ul class="nav-tabs mt-3">
-    <span>Show {{ (currentPage - 1) * pageSize + 1 }} to {{ getEndIndex() }} of {{ totalItems }} items</span>
+    <span >แสดง {{ (currentPage - 1) * pageSize + 1 }} ถึง {{ getEndIndex() }} จาก {{ totalItems }} รายการ</span>
   </ul>
 </nav>

src/app/components/pagination/pagination.component.ts

@@ -12,13 +12,12 @@ export class PaginationComponent {
   @Output() pageChange = new EventEmitter<number>();
   @Output() pageSizeChange = new EventEmitter<number>();
   constructor(private cdr: ChangeDetectorRef) { }
-  pageSizes = [10, 20, 50, 100];
-ngOnChanges() {
+  pageSizes: number[] = [10, 20, 50, 100];
+  ngOnChanges() {
     this.changePage(1)
     this.cdr.detectChanges();
 
-  
-}
+  }
   get totalPages(): number {
     return Math.ceil(this.totalItems / this.pageSize);
   }