Выбор DataSable PageSize в Angular 2

Question

Мой пользовательский интерфейс

Это мой метод SetPageSize в component.ts

setPageSize(pages: number) {

let abc = this.showdefaultpage;
abc = 10;

this.inspectorService.getAllData(pages, abc)
  .subscribe(
  data => {
    this.allpagingData = [];
    for (let index in data.inspectors) {
      this.allpagingData.push({
        "id": data.inspectors[index].id,
        "employeeNumber": data.inspectors[index].employeeNumber,
        "name": data.inspectors[index].name,
        "isActive": data.inspectors[index].isActive
      });
    }

    this.totalData = data.totalInspectorViewed;
    this.setPage(pages);
  },
  error => console.log(error));
}

Это мой HTML для setPageSize datatable

<div style="padding-left: 11px;" class="input-group">
  <span class="input-group-addon">Row: </span>
  <select style="width: 7%" class="form-control" [(ngModel)]="pageSize" name="pageSize" (change)="setPageSize(pages)">
    <option value="5">5</option>
    <option value="10">10</option>
    <option value="15">15</option>
  </select>
</div>

но в моем методе было изменено только 10 строк данных, пожалуйста, помогите мне ... как сделать так, чтобы метод pageSize мог выбирать строки данных 5,10 и 15. Спасибо

Answer 1

это ответ моего метода

setPageSize(pages: number) {

let abc = this.showdefaultpage;

if (abc == 5) {
  this.inspectorService.getAllData(pages, abc)
    .subscribe(
    data => {
      this.allpagingData = [];
      for (let index in data.inspectors) {
        this.allpagingData.push({
          "id": data.inspectors[index].id,
          "employeeNumber": data.inspectors[index].employeeNumber,
          "name": data.inspectors[index].name,
          "isActive": data.inspectors[index].isActive
        });
      }

      this.totalData = data.totalInspectorViewed;
      this.setPage(pages);
    },
    error => console.log(error));
}
else if (abc == 10) {
  this.inspectorService.getAllData(pages, abc)
    .subscribe(
    data => {
      this.allpagingData = [];
      for (let index in data.inspectors) {
        this.allpagingData.push({
          "id": data.inspectors[index].id,
          "employeeNumber": data.inspectors[index].employeeNumber,
          "name": data.inspectors[index].name,
          "isActive": data.inspectors[index].isActive
        });
      }

      this.totalData = data.totalInspectorViewed;
      this.setPage(pages);
    },
    error => console.log(error));
}

else if (abc == 15) {
  this.inspectorService.getAllData(pages, abc)
    .subscribe(
    data => {
      this.allpagingData = [];
      for (let index in data.inspectors) {
        this.allpagingData.push({
          "id": data.inspectors[index].id,
          "employeeNumber": data.inspectors[index].employeeNumber,
          "name": data.inspectors[index].name,
          "isActive": data.inspectors[index].isActive
        });
      }

      this.totalData = data.totalInspectorViewed;
      this.setPage(pages);
    },
    error => console.log(error));
}

}