How to conditionally set selected property in AngularJS

Question

How to conditionally set selected property in AngularJS

I have a select-field like this:

<select ng-init="exchangeOption = widget.content.exchange[0]" 
    ng-Model="exchangeOption" 
    ng-options="exchangeOption.title for exchangeOption in widget.content.exchange"
    ng-change="internalLink(exchangeOption.url)">
</select>

As you see, right now I always select the first option. But actually the "exchanges" have a "selected"-field, which is a boolean, set to true if that option should be the selected one.

How would you do this?

Thanks in advance!

angularjs
ionic-framework
ng-options
angularjs-ng-options

Answer 1

You can write a method to return selected exchange option by filtering the exchanges.

<select ng-init="exchangeOption = getSelectedExchange()" 
 ng-Model="exchangeOption" ng-options="exchangeOption.title for exchangeOption in widget.content.exchange"
 ng-change= "internalLink(exchangeOption.url)"> </select>

Answer 2

Struggled arround with this issue for a project but finally found that you can set the selected item by setting in your controller: EDIT : my bad made a mistake reading my code..

$scope.exchangeOption = selecteditemvalue