Select a default setting that does not work with Ionic Framework

Question

I am using the Ionic Framework.
I would like to introduce the first option as the default, but doing it this way does not work.
What can I do?

<select ng-model="newSpesaAereo.valuta"> <option ng-selected="selected">Euro</option> <option>Dollaro</option> <option>Dollaro canadese</option> <option>Sterlina</option> </select> 

If I analyze the page using the Google Chrome Developer Utility, I will watch this.

If I edit this HTML code and I delete the selected line, then the euro will appear.

Why is this happening?

Answer 1

You need to use ng-selected instead of the selected one.

https://docs.angularjs.org/api/ng/directive/ngSelected

 <select ng-model="newSpesaAereo.metodoPagamento"> <option ng-selected="selected">Carta di credito</option> <option>Bancomat</option> <option>Contanti</option> <option>Altro</option> </select> 

Answer 2

Set ng-selected="true" .

Example:

 <option ng-selected="true">Carta di credito</option> 

Answer 3

The reason the default option doesn't work is because in your controller, you probably initialized your form model as follows:

 $scope.newSpesaAereo = {} 

If you want to set the default form parameters, you must also set them in the form model. For example, set 'valuta' to 'Euro' as follows:

  $scope.newSpesaAereo = { valuta: "Euro" } 

Hope this helps!

PS When posting such questions, you must also include the controller code that the view is associated with.