Angular JS ng-model nie uruchamia się poprawnie po raz pierwszy

Question

Używam Angular JS ng-model do śledzenia wybranej wartości tagu select.

oto przykład http://jsfiddle.net/8853oxb1/3/

function ControllerA($scope) { 
    $scope.optionsArray = [1,2,3,4,5]; 
    $scope.optionsObject = {"India" : "IN" , "Singapore" : "SG", "Malaysia" : "MY", "Indonesia" : "INDY"}; 

} 

Jeżeli idę do rozwijanego menu za pomocą klawisza Tab i próbować wcisnąć przycisk „I” dwa razy, aby wybrać drugą opcję, począwszy od I, aktualizacje wartości rozwijana zgodnie z oczekiwaniami , bu the ng-model po prostu bierze wartość pierwszej opcji z "I". Błąd w kanciastym js lub czy robię coś złego tutaj?

Answer 1

Wystarczy popatrzeć na następujący jsfiddle

Główną różnicą w kodzie jest sposób rozwijana jest zbudowany.

Zamiast karmienie go z jednego obiektu

$scope.optionsObject = {"India" : "IN" , "Singapore" : "SG", "Malaysia" : "MY", "Indonesia" : "INDY"}; 

trzeba zmienić swoje dane w coś innego, na przykład, tablicę obiektów, takich jak to:

$scope.optionsObject = [ { name: "India", code: "IN" }, { name: "Singapore", code: "SG" }, { name: "Malaysia", code: "MY" }, { name: "Indonesia", code: "INDY" } ];