Selezionare l'opzione di default che non funziona con Ionic Framework

Question

Sto usando Ionic Framework.
Vorrei inserire la prima opzione come predefinita, ma farlo in questo modo non funziona.
Cosa posso fare?

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

Se analizzo la pagina con Google Chrome Developer Utility guardo questo.

Se modifico questo HTML e cancello la riga selezionata, quindi Euro è visibile.

Perché sta succedendo?

Answer 1

È necessario utilizzare ng-selected anziché solo selezionato.

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

Il motivo l'opzione predefinita non funziona è perché, nel controller, probabilmente hai inizializzato il vostro modello di forma in questo modo:

$scope.newSpesaAereo = {} 

Se si desidera imposta le opzioni di modulo predefinite, dovresti anche impostarle nel modello di modulo. Ad esempio, imposta "in" su "Euro" in questo modo:

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

Spero che questo aiuti!

P.S quando si pubblicano problemi come questo, è necessario includere anche il codice per il controllore a cui è vincolata la vista.

Answer 3

Set ng-selected="true".

Esempio:

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