Question

我有一个json对象，我希望通过villearrive对对象进行分组显示它，我已经尝试了下面的代码

import { Component } from '@angular/core';
import { NavController,AlertController } from 'ionic-angular';
import {VoitureService} from '../../providers/voitureservice';
import {TicketService} from '../../providers/ticket-service';
/*
  Generated class for the Listevoiture page.

  See http://ionicframework.com/docs/v2/components/#navigation for more info on
  Ionic pages and navigation.
*/
@Component({
  selector: 'page-listevoiture',
  templateUrl: 'listevoiture.html',
  providers:[VoitureService]
})
export class ListevoiturePage {
 
  itemsFile:any;
   

  constructor(public navCtrl: NavController,private alert :AlertController,public alertCtrl: AlertController, public voitureservice:VoitureService) {
   
    this.RetournerdVoituresEnstation();
  }


   
      RetournerdVoituresEnstation(){

          this.voitureservice.getDetailsVilleArrive().subscribe(response => {
          this.itemsFile =response.FileS;
          
          });
        
     }
    

    

}

<ion-content>

<ion-item-group *ngFor="let pr of itemsFile">
    
      <ion-item-sliding >
 
    <ion-item >
      
<ion-item-divider  color="danger" >{{pr.villearrive}} </ion-item-divider>
    <h2>{{pr.matricule}}:اللوحة المنجمية</h2>
    <h3>{{pr.marque}}:نوع السيارة</h3>
   <h3>{{pr.climatisation}}:مكيفة</h3>
 <h3>{{pr.nbrplacereserve}}:عدد المقاعد المحجوزة</h3>
  <h3>{{pr.dateenregistrement}}:تاريخ التسجيل</h3>
    </ion-item>
    </ion-item-sliding>
  </ion-item-group>
</ion-content

获得的结果看起来像是： enter image description here

json文件是： {“FileS”：[{“matricule”：“126 TN 1368”，“villearrive”：“صفاقس”，“marque”：“Fiat”，“climatisation”：“1”，“nbrplacereserve”：“3”，“ dateenregistrement“：”2017/03/31“}，{”matricule“：”126 TN 1368“，”villearrive“：”صفاقس“，”marque“：”Fiat“，”climatisation“：”1“，”nbrplacereserve“ ：“3”，“dateenregistrement”：“2017/03/31”}，{“matricule”：“126 TN 1368”，“villearrive”：“صفاقس”，“marque”：“Fiat”，“climatisation”：“ 1“，”nbrplacereserve“：”3“，”dateenregistrement“：”2017/03/31“}，{”matricule“：”126 TN 1368“，”villearrive“：”صفاقس“，”marque“：”菲亚特“ ，“climatisation”：“1”，“nbrplacereserve”：“3”，“dateenregistrement”：“2017/03/31”}，{“matricule”：“195 TN 3987”，“villearrive”：“صفاقس”，“ marque“：”Peugeot“，”climatisation“：”0“，”nbrplacereserve“：”3“，”dateenregistrement“：”2017/03/31“}，{”matricule“：”103 TN 9865“，”villearrive“ ：“القيروان”，“marque”：“Fiat”，“climatisation”：“0”，“nbrplacereserve”：“5”，“dateenregistrement”：“2017/03/31”}，{“matricule”：“103 TN 9865" ， “villearrive”： “القيروان”， “商品型号”： “菲亚特”， “气候适应”： “0”，“NB rplacereserve “：” 5" ， “dateenregistrement”： “31/03/2017”}]， “成功”：1}

显示将json列表分组到离子列表

0 个答案: