lundi 14 mars 2016

Ember #each not displaying last item in model

So I am using Ember's #each throughout my application and I am not running into any problems. But I am now hitting an issue in which the last item in the array is not being output correctly.

<select id="services" size="10" class="services-list">
    {{#each sortedModel as |service index|}}
             <option {{action 'select' service}}>
                    {{service.physicalName}} {{index}}
             </option>
    {{/each}}
</select>

This will output 0-9 in the array but not the 11th item. Here is my JSON object in which I am returning as the sorted model.

[
{
    "physicalName": "service1",
    "logicalName": "service 1"
},
{
    "physicalName": "service2",
    "logicalName": "service 2"
},
{
    "physicalName": "service3",
    "logicalName": "service 3"
},
{
    "physicalName": "service5",
    "logicalName": "service 5"
},
{
    "physicalName": "service6",
    "logicalName": "service 6"
},
{
    "physicalName": "service7",
    "logicalName": "service 7"
},
{
    "physicalName": "service8",
    "logicalName": "service 8"
},
{
    "physicalName": "service9",
    "logicalName": "service 9"
},
{
    "physicalName": "service10",
    "logicalName": "service 10"
},
{
    "physicalName": "service11",
    "logicalName": "service 11"
},
{
    "physicalName": "service12",
    "logicalName": "service 12"
}
]

model

but here is what is showing up:

select output

Aucun commentaire:

Enregistrer un commentaire