Ionic2中包含自定义索引的数组

时间:2017-02-21 12:56:10

标签: javascript angular ionic2

我在Ionic2中的变量中创建一个数组:

allMonths = {'01':'January','02':'February','03':'March','04':'April','05':'May','06':'June','07':'July','08':'August','09':'September','10':'October','11':'November','12':'December'};

我希望所有月份(指定键)我在html中显示它们:

<ion-item>
    <ion-select [(ngModel)]="allMonths">
        <ion-option value="{{months.key}}" *ngFor = "let months of allMonths | keys">{{months.value}}</ion-option>
    </ion-select>
</ion-item>

**虽然我得到了回应,但问题是我得到了:

1月:10月 第二名:十一月 3月:12月 4月:1月 。 。 。 12月:9月

*****但是我希望他们在jan到dec中连续弹出。

任何机构都可以建议我在哪里错。

提前致谢。

1 个答案:

答案 0 :(得分:2)

    After a long google I solved it as:

        allMonths:Array<Object> = [
       {id: '01', text: 'January'},
        {id: '02', text: 'February'},
        {id: '03', text: 'March'},
        {id: '04', text: 'April'},
        {id: '05', text: 'May'},
        {id: '06', text: 'June'},
        {id: '07', text: 'July'},
        {id: '08', text: 'August'},
        {id: '09', text: 'September'},
        {id: '10', text: 'October'},
        {id: '11', text: 'November'},
        {id: '12', text: 'December'},
    ];

    In Html:

<ion-item>
        <ion-select [(ngModel)]="allMonths">
            <ion-option value="{{months.id}}" *ngFor = "let months of allMonths ">{{months.id}}</ion-option>
        </ion-select>
    </ion-item>

希望它有所帮助。