Выберите параметр по умолчанию, который не работает с Ionic Framework

Question

Я использую Ionic Framework.
Я хотел бы ввести первый вариант как значение по умолчанию, но делать это таким образом не работает.
Что делать?

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

Если я анализирую страницу с Google Chrome Developer Utility Я наблюдаю это.

Если отредактировать этот HTML и я удалить выбранную строку, а затем Евро видна.

Почему это происходит?

Answer 1

Вам нужно использовать ng-selected вместо выбранного.

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

Причина вариант по умолчанию не работает потому, что в вашем контроллере, вы, вероятно, инициализируются ваша форма модели, как так:

$scope.newSpesaAereo = {} 

Если вы хотите задайте параметры формы по умолчанию, вы также должны установить их в модели формы. Например, установите «valuta» на «Euro» следующим образом:

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

Надеюсь, это поможет!

P.S при публикации таких вопросов вы также должны включить код для контроллера, с которым связано представление.

Answer 3

ng-selected="true".

Пример:

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