екущая попытка ниже

page.html

<form (ngSubmit)="InsertLocation()" #registerForm="ngForm">
     <ion-row>
        <ion-col>
             <img src="assets/img/1.jpg" />
              <ion-list>
                  <ion-item>
                     <ion-label>Chauffeur</ion-label>
                     <ion-select [(ngModel)]="selectedvalue"name="chauff">
                         <ion-option *ngFor="let item of chauffeurs"[value]="item.nom_chauffeur">
                         {{item.nom_chauffeur}}
                         </ion-option>
                     </ion-select>
                   </ion-item>
            <ion-list>
         <ion-row>
       <ion-col>
       <button ion-button class="submit-btn" type="submit" 
       [disabled]="!registerForm.form.valid">Inserer</button>
</form>

page.ts

  LoadChauffeurs(id){
  this.data.LoadChauffeur().subscribe(
      data => {
          this.chauffeurs= data; 
      },
      err => {
          console.log(err);
      },
      () => console.log('success!')
  );
}

зная, что результатом данных является массив, как это

[{
     "id_chauffeur":6,
      "nom_chauffeur":"ggg", 
      "num_tel":2563,"id_chef":10
}]  

и мой сервис, который я называю это данными в page.tsданных-service.ts

LoadChauffeur(id) {

  var url = 
   'http://localhost/PFEBACKEND/retrievechauffeurs.php?'key=random&id='+id;
      var response = this.http.get(url).map(res => res.json());
      return response;

 }