ngModel指令不使用所选选项

Question

我的离子2应用程序上有一个非常简单的表单。代码如下：

tf.Saver

问题是：当我把它放在＆＃34; ngModel＆＃34;时，我的默认选择选项遇到了一些问题。指示。没有它，它工作正常。但是，我需要它来提交表单时在我的组件上获取表单值。任何想法如何解决它？

Answer 1

这不是应该如何使用ngModel。假设ano_atual是要保存所选值的组件的属性，则可以执行以下操作：

<ion-select name="ano" [(ngModel)]="ano_atual" required okText="Confirmar" cancelText="Cancelar">
  <ion-option *ngFor="let ano of anos" value="{{ano}}">
    {{ano}}
  </ion-option>
</ion-select>

请注意，您不需要selected属性，因为由于 ngModel 指令，将选择与ano_atual属性具有相同值的选项。