如何使用离子选择框中的对象在我的 ionic 3 应用程序中显示动态离子选项

Question

在我的 ionic 3 应用程序中，我想添加一个不同国家的动态选择选项。我有一个国家对象，例如：

{AF: "Afghanistan", AX: "Aland Islands", AL: "Albania", DZ: "Algeria"}

我想像这样使用这个对象：

    <ion-select [(ngModel)]="country" interface="action-sheet">
 <ion-option value='AF'>Afghanistan</ion-option> 
 <ion-option value='AX'>Aland Islands</ion-option> 
 <ion-option value='AL'>Albania</ion-option> 
 <ion-option value='DZ'>Algeria</ion-option> 
</ion-select>

我该怎么做

Answer 1

NgFor 用于这种情况，但它需要一个数组而不是一个对象。但是，您可以像这样使用它：

<ion-select [(ngModel)]="country" interface="action-sheet">
   <ion-option *ngFor="let key of Object.keys(countriesObj)" value={{key}}>{{countriesObj[key]}}</ion-option>
</ion-select>

---

编辑：

您还必须在控制器中声明一个变量Object才能正常工作：

private Object: Object = Object;