Question

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

start program = "/etc/init.d/foobar start" with timeout 60 seconds

我想使用这个对象：

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

我该怎么做

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;

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

1 个答案: