Итерация по данным JSON в Ionic 2 - PullRequest
Новая
       7

Итерация по данным JSON в Ionic 2

0 голосов
/ 08 мая 2018 
My JSON array look like this

[{ 
         label: "Hobbies", 
         datatype: "check", 
         lookupname: "null", 
         order: "05", 
         options: [
                    0:{id: "01", value: "Music"}
                    1:{id: "02", value: "Sports"}
                    2:{id: "02", value: "Travelling"}
                    3:{id: "02", value: "Reading"}
                  ]

 }]

Я хочу раскрывающийся список при нажатии на хобби со значениями в настройках

Мой HTML-код 

 <ng-template ngFor let-item [ngForOf]="main2">
       <ion-item *ngIf='item.datatype == "check"' >
         <ion-label floating>{{item.label}}</ion-label>
                <ion-select>
                    <ion-option>{{item.options.value}}</ion-option>
                </ion-select>    
       </ion-item>
  </ng-template>

Примечание: main2 - это мой основной массив, который содержит так много объектов

Как перебирать опции (хобби), чтобы получить значение (опции) в раскрывающемся списке при нажатии

1 Ответ

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

используйте *ngFor="let opt of item.options" для ion-option

Я создал демо-версию stackblitz . Я надеюсь, что это поможет / руководство для вас / других.

HTML-код 

<ion-content padding>
 <ng-template ngFor let-item [ngForOf]="main2">
       <ion-item *ngIf='item.datatype == "check"' >
         <ion-label floating>{{item.label}}</ion-label>
                <ion-select>
                    <ion-option *ngFor="let opt of item.options" [value]="opt.value">{{opt.value}}</ion-option>
                </ion-select>    
       </ion-item>
  </ng-template>
</ion-content>
...