选择默认选项不与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开发者实用程序分析该页面，请观看此内容。

如果我编辑此HTML并删除所选行，则可以看到欧元。

为什么会这样？

Answer 1

设置ng-selected="true"。

示例：

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

Answer 2

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

$scope.newSpesaAereo = {}

如果要设置默认表单选项，还应在表单模型中设置它们。例如，设置＆＃39; valuta＆＃39;到欧元＆＃39;像这样：

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

我希望这有帮助！

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

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>