2015-04-30 16 views
5

Sto tentando di avere i miei dati mostrano nella lista come segue:AngularJS NG-opzioni da un oggetto con oggetti

<option value="4351">Atlanta</option> 

Ecco il mio oggetto.

$scope.cityList = { 
    4351:{name:"Atlanta", short="atlanta"}, 
    7355:{name:"Baltimore", short="baltimore"}, 
    1212:{name:"Chicago", short="chicago"}, 
    4398:{name:"Dallas", short="dallas"} 
}; 

HTML
questo ha lavorato con solo coppie chiave-valore, ma ora il "valore" è un oggetto

<select class="select-city" ng-model="myCity" ng-options="name for (city, name) in cityList"></select> 

Quindi la mia domanda è questa:
Come posso compilare la ng- opzioni in questo caso?

+1

'name.name per (città, nome) in cityList'? – cDima

+1

Grazie, funziona perfettamente! Puoi spiegare come e accetterò la tua risposta? –

risposta

4

Usa name.name for (city, name) in cityList - l'name.name in questo caso si riferisce alla name proprietà del nuovo oggetto hai presentato, che a sua volta è purtroppo chiamato name.

The documentation è un po 'mistico ma si può anche rinominarlo in qualcosa come value.name for (key, value) in cityList.

+0

Il nome è denominato nome? Divertente, nome utente me –

Problemi correlati