选择默认选项不与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="true".

例:

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

Answer 2

默认选项不起作用的原因是,在您的控制器中,您可能已经初始化了表单模型,如下所示:

$scope.newSpesaAereo = {}

如果要设置默认表单选项,还应在表单模型中设置它们.例如,将'valuta'设置为'Euro',如下所示:

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

我希望这有帮助!

PS在发布此类问题时,您还应该包含视图绑定的控制器的代码.

Answer 3

你需要使用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>