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

Question

在我的 ionic 3 应用程序中，我想添加一个不同国家/地区的动态 select 选项。我有一个像这样的国家对象：

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