I have a a select box like this:
<select class="form-control"
ng-model="contactName"
ng-change="testFun(contactName)"
ng-options="contact.Id as contact.Name + ' ' + contact.Surname for contact in company.items.contacts"
ng-selected="$scope.contactId === contact.Id">
</select>
Where $scope.contactId = 14151 and contact.Id = 14151
But the select box is still not selecting the right person and remains to show up blank.
I can't figure out what I am doing wrong here.
EDIT
<select class="form-control"
ng-model="contactName"
ng-change="testFun(contactName)"
ng-options="contact.Id as contact.Name + ' ' + contact.Surname + ' id:' + contact.Id for contact in company.items.contacts"
ng-selected="contactId == contact.Id">
</select>
<pre>
contactId: {{contactId}}
</pre>
Which results in the following, which also confirms that the ID's are the same:
The box is still coming up blank
Use ng-init this will work . You can not use $scope
inside html . Removing the $scope
would work .
<select class="form-control"
ng-model="contactName"
ng-change="testFun(contactName)"
ng-options="contact.Id as contact.Name + ' ' + contact.Surname for contact in company.items.contacts"
ng-init="contactName = contactId" >
</select>
ngSelected does not work with ngOptions you must use ng-init
instead.