Wybierz domyślną opcję nie działa z Ionic Framework

Question

Używam Ionic Framework.
Chciałbym wprowadzić pierwszą opcję jako domyślną, ale robienie tego w ten sposób nie działa.
Co mogę zrobić?

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

Gdybym analizować stronę z Google Chrome Developer Utility I to patrzeć.

Gdybym edytować kod HTML i usunąć wybrany wiersz, a następnie Euro jest widoczny.

Dlaczego tak się dzieje?

Answer 1

Musisz użyć ng-selected zamiast tylko wybranego.

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

Powodem domyślna opcja nie działa to dlatego, że w kontrolerze, masz prawdopodobnie zainicjowany model formularz tak:

$scope.newSpesaAereo = {} 

Jeśli chcesz ustaw domyślne opcje formularzy, należy je również ustawić w modelu formularza. Na przykład ustaw "valuta" na "Euro", tak jak:

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

Mam nadzieję, że to pomoże!

P. Podczas publikowania takich problemów należy również podać kod kontrolera, do którego widok jest powiązany.

Answer 3

Zestaw ng-selected="true".

Przykład:

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