ngOptions mit Array von Objekten stellt nicht den ersten Wert

Question

ich ein Array von Objekten mit folgendem Format haben:

[ 
    {key: 'SC', name: 'Santa Catarina'}, 
    {key: 'SP', name: 'São Paulo'}, 
    {key: 'RJ', name: 'Rio de Janeiro'} 
] 

Und ich will select und ng-options verwenden, um diese Werte zu zeigen:

<select ng-model="vm.state" 
    ng-options="state.name for state in vm.states"> 
</select> 

Wenn jedoch vm.state bereits einen Wert hat, beginnt die Auswahl nicht damit. Weiß jemand, wie man es macht?

Fiddle demonstrating the problem.

Dank! :)

Answer 1

Sie track by in diesem Fall benutzen könnten, wo man von einem Ajax-Aufruf ausgewähltes Objekt abrufen.

<select ng-model="vm.state" 
     ng-options="state.name for state in vm.states track by state.key"> 
</select> 

JSFiddle

HINWEIS:track by wird nicht funktionieren, wenn Sie select as in ng-options expression.`

Answer 2

Habe es selbst einstellen, so etwas wie

$scope.states=[...] 
$scope.state=$scope.states[0] 

Answer 3

Zuerst haben Sie es Ihre Selbst zu setzen, da vm.state den Wert von Ihrem vm.states erhalten. Sie können ng-init verwenden, um es zu setzen.

<select ng-model="vm.state" 
     ng-options="state.name for state in vm.states" ng-init="vm.state = $scope.states[0]"> 
    </select>