Modal Ionic does not show all the data, only some

I have a provider with PHP that loads countries, and I want to show them in a modal that is shown when I click on a button (function showmodalPaises).

The two data to be shown in the modal are: path of the flag (pais.imagen_armada) and description of the country (pais.PaisD).

The PHP is proven, it brings all the countries, but when I see the modal, it only brings 10 or 12 countries, and it is loading the rest. At this time, the variable mispaises has all countries, verified.

I ask for help to determine why it does not show all the countries, thank you very much

provider

loadPaises(idioma){
return this.http
.get('http://www.AAAAAA.com.ar/php/cargopaises.php',{params:{'idioma': idioma}})
.toPromise();

}

modal.ts

ionViewDidLoad() {
let loader = this.loading.create(
  {content: 'Loading...',}
);
loader.present();
this.pais.loadPaises(this.global.idioma).then(
  (res) =>{
    this.paises = res['records'];
    loader.dismiss();
  },
  (error) => {
    //
  }
)

}

showmodalPaises(){
let loader = this.loading.create(
  {content: 'Loading...',}
);
loader.present();
let modalPaises = this.modalCtrl.create("ModalPaisPage",{data: this.paises}); 
setTimeout(() => {
  loader.dismiss();
  modalPaises.present();
}, 5000);

}

modal html

<ion-content padding>
<ion-list>
  <ion-item *ngFor="let pais of mispaises" (click)="clickPaisElegido(pais.ID, pais.PaisD,pais.imagen_armada)">
      <div  class="item item-avatar-left item-text-wrap" style="height: 100%;">
          <ion-img src="{{pais.imagen_armada}}"></ion-img>
          <div class="list item-text-wrap" style="margin-top:-1.5em; display: inline-block;vertical-align: middle; height: auto;line-height: normal;">
              <h2 style="margin-top: 0.8em; font-weight: bold">{{pais.PaisD}}</h2>
          </div>
      </div>
  </ion-item>
</ion-list>