Вложенный цикл JSON массив ионных 3 - PullRequest
Новая
       55

Вложенный цикл JSON массив ионных 3

0 голосов
/ 11 мая 2018

У меня есть проблема с отображением данных, в настоящее время мой взгляд выглядит следующим образом view.

и моя база данных в таблице 'jadual' выглядит следующим образом database Оранжевый прямоугольник - это имя из столбца pelajar_id, а время ниже - это отметка времени из столбца jadual_scan.и мой ожидаемый вид выглядит следующим образом. 

-------------------------------
Wafi Dania                     |
-------------------------------
scan       |   08:12:13        |
           |   03:35:28        |
--------------------------------

--------------------------------
Assi                            |
--------------------------------
Scan       |   11:24:18         |
--------------------------------

Вы можете сослаться на мой исходный код в .html 

<ion-label>
        Date: {{myDate}}
    </ion-label>
  <ion-list *ngFor="let item of data">
      <ion-item color="primary">
          <ion-label><h2>{{item.pelajar_nama}}</h2></ion-label>
      </ion-item>
      <ion-grid>
          <ion-row color=primary>
            <ion-col>
              Scan
            </ion-col>
              <ion-col>
               {{ item.jadual_scan  | date: 'hh:mm:ss' }}
              </ion-col>
            </ion-row>
        </ion-grid>
  </ion-list>

и мой файл .ts 

getAttendance(){
        this.restProvider.getAttendance().then(data=>{
        this.data=data;
       // for(let i=0; i<this.data.length; ++i){
          //this.myArray.push({'displayName': this.data[i].pelajar_nama});
         // for(let j=0; j<this.myArray[i].length; ++j){
          //  this.inside.push({"displayInside": this.myArray[j].jadual_scan})
          //}
          //for (let j=0; j<this.data[i].pelajar_nama[j].length; ++j){
           //this.myArray[i].inside[j].push({'displayName':this.data[i].pelajar_nama[j].jadual_scan});
          //}
       // }
                console.log(this.data);
            });
  }

thisэто получить данные из API 

$parentId  = \Auth::guard('api')->user()->id;
        $student = DB::table('pelajar')
                ->join ('jadual','jadual.pelajar_id','pelajar.pelajar_id')
                ->select('pelajar.*','jadual.*')
                ->whereDate('jadual.jadual_scan', DB::raw('CURDATE()'))
                ->where('pelajar.penjaga_id',$parentId)
                ->orderBy('pelajar.pelajar_id','asc')
                ->get();
        return $student;

1 Ответ

0 голосов
/ 11 мая 2018 
<ion-list *ngFor="let item of data"> 
  <ion-item color="primary">
   <ion-label> 
 <h2>{{item.pelajar_nama}}</h2> 
 </ion-label>  
</ion-item> 
<ion-grid>
<ion-row color=primary>
  <ion-col>
    Scan
  </ion-col>
  <ion-col *ngFor="let date of item.dates">
    {{ date.jadual_scan | date: 'hh:mm:ss' }}
  </ion-col>
</ion-row>

вы забыли повторить цикл для отображения даты

...