我在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中连续弹出。
任何机构都可以建议我在哪里错。
提前致谢。
答案 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>
希望它有所帮助。