AngularJS How do I pre select the value of a dropdown when the value is retrieved from a webservice?

Question

Hello community been stuck on this one for a while...

Scenario: I have a dropdownlist which I pre-populate with values fetched from a service. Now

Answer 1

Give value to your model in select tag

In your controller asign

$scope.selectedValue = 'Step 1';  //your selected value, assign it in any way you wish
$scope.stepsInvolved = response['stepsInvolved'];

I am assuming your object is assigned to "response"

<select ng-model='selectedValue' ng-options="item.value as item.label for item in stepsInvolved"></select>

Answer 2

ngSelected is the directive of choice: http://plnkr.co/edit/dGJWityhYUZd9Ht6VgSJ?p=preview