如何在ionic 2中的选择项目中加载数据并知道所选项目?

2024-01-24

我目前的尝试如下

页面.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 中的数据数据服务.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;

 }

None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在ionic 2中的选择项目中加载数据并知道所选项目? 的相关文章

随机推荐