AngularJs，ng-options和default选项显示为空白

Question

I have a ng-options, an array and a default ng-options-model of 0, ie the first element in the array. Why is the first name in the array shown in the dropdown (it is only blank)?

See plunk .

I have this html:

<form>
  <select ng-options="index as contact.name for (index,contact) in contacts" ng-model="selectedContact"></select>
</form>
Selected contact array index (default 0): {{selectedContact}}

And this controller:

app.controller('MyCtrl', ['$scope', function ($scope) {
  $scope.contacts = [
    {email: "me@example.com", name: "Mini Me"},
    {email: "you@example.com", name: "Maxi You"}
  ];
  $scope.selectedContact = 0;
}]);

Answer 1

Your ng-options syntax is a bit wrong, you're using the syntax for iterating an objects properties, when you actually have an array of objects:

ng-options="contact as contact.name for contact in contacts"

And then you set the index of the array to select the first one:

$scope.selectedContact = $scope.contacts[0];

Answer 2

Ok, found the solution myself. ng-repeat has the index as a string (so selectedContact is a string), but my controller was using a number. When I change my controller to:

$scope.selectedContact = "0";

Then it worked perfectly.