2017-02-21 4 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> 

** Хотя я получаю ответ, но этот вопрос я получаю как:

первый: Октябрь второй: ноябрь 3rd: December 4th: January . . . 12 сентября:

***** Но я хочу, чтобы они были последовательно от jan до dec во всплывающем окне.

Может любое тело предложить, пожалуйста, где я ошибаюсь.

Заранее спасибо.

+0

На самом деле вы устанавливаете 'ngModel' той же переменной, которая является * источником * (массивом). Вы должны создать другую переменную и поместить ее в 'ngModel'. Также 'ключи'' труба'? Если это так, было бы лучше, если вы вставьте его здесь. – developer033

+0

yes keys - это труба .. с которой я обращаюсь к ключевым словам и значениям. Считаете ли вы, что эта проблема связана с тем, что с декабря первый ключ ключа равен 10, тогда первый равен 1. тогда как до декабря первый из ключей 0 –

+0

Я изменился на allMonths = {'1': 'January', '2': 'February », '3': 'марта', '4': 'Апрель', '5': 'Май', '6': 'Июнь', '7': 'Июль', '8': 'август', '9': 'September', '10': 'October', '11': 'November', '12': 'December'}; .... теперь я получаю желаемый ответ, но я хочу, чтобы эти ключи не как это может кто-нибудь предложить, как я могу это достичь? –

ответ

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> 

Надеюсь, это поможет кому-то.

Смежные вопросы