Ionic2中具有自定义索引的数组答案

【问题标题】：Array with custom indexes in Ionic2Ionic2中具有自定义索引的数组
【发布时间】：2017-02-21 12:56:10
【问题描述】：

我在 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 月 2日：11月 3日：十二月 4日：一月 . . . 12日：9月

***** 但我希望它们从一月到十二月在弹出窗口中串联。

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

提前致谢。

【问题讨论】：

实际上，您将ngModel 设置为与源（数组）相同的变量。您必须创建另一个变量并将其放入ngModel。 keys 也是 pipe 吗？如果是这样，最好贴在这里。
是的，keys 是一个管道 .. 我用它来访问 key 和 value。你认为这个问题是因为从 12 月开始，第一个数组键是 10，这里第一个是 1。而直到 12 月第一个键是 0
我改成 allMonths = {'1':'January','2':'February','3':'March','4':'April','5': '五月','6':'六月','7':'七月','8':'八月','9':'九月','10':'十月','11':'十一月','12':'December'};.... 现在我得到了想要的响应，但我希望不像这样的键可以有人建议我如何实现这一目标？
我说过，你应该把你的管道贴在这里，这样会更容易帮助你。
从'@angular/core'导入{Pipe, PipeTransform}； @Pipe({name: 'keys'}) 导出类 KeysPipe 实现 PipeTransform { transform(value) : any { let keys = []; for (let key in value) { keys.push({key: key, value: value[key]}); } 返回键； } }

标签： javascript angular ionic2

【解决方案1】：

    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>

希望对某人有所帮助。

【讨论】：