在 Ionic 2 中迭代 JSON 数据

Question

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"}
]
}]

当单击选项中带有值的爱好时，我想要一个下拉菜单

我的网页代码

<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 是我的主数组，其中包含如此多的对象

如何循环访问选项(爱好(以获取值(选项(作为单击时的下拉列表

Answer 1

使用*ngFor="let opt of item.options"表示ion-option

我已经在堆栈闪电战上创建了一个演示。 我希望这对您/其他人有所帮助/指导。

网页代码

<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>