2017-02-21 35 views
2

我在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日:十月 2日:十一月 3rd:December 4th:January 。 。 。 12月:9月

*****但我希望他们在从弹出的序列从1月到12月。

任何机构可以建议请在我错了。

在此先感谢。

+0

实际上,您将'ngModel'设置为* source *(数组)的相同变量。您必须创建另一个变量并将其放入'ngModel'中。还有'钥匙'是'管道'?如果是这样,那么将它粘贴在这里会更好。 – developer033

+0

是键是一个管道..与我访问键和价值。你认为这个问题是因为从12月开始,第一个数组键是10,这里第一个是1,而直到十二月第一个键是0 –

+0

我改为allMonths = {'1':'January','2':'February ”, '3': '月', '4': '月', '5': '五一', '6': '月', '7': '月', '8': '月', '9':'9月','10':'十月','11':'十一月','12':'十二月'}; ....现在我正在得到理想的回应,但我不想让那些钥匙像这样,任何人都可以建议我如何实现这一目标? –

回答

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> 

希望它可以帮助别人。