Ionic framework 为什么不显示my ion select的默认值?

Ionic framework 为什么不显示my ion select的默认值?,ionic-framework,ionic4,Ionic Framework,Ionic4,因此,我有一个离子选择与3个静态值,我想为第二个被选中,并在默认情况下显示,听起来不难或一个很大的问题,对吗?因此,我尝试简单地在离子选择选项(显示在下面的代码中)附近添加selected,就像他们在上的示例中所做的那样,但是由于某些原因,它完全没有效果,并且在我重新加载页面时仍然没有显示出来。你知道这里有什么问题吗 <ion-item> <ion-label>{{ "HOME.row_text" | translate }}</ion-label>

因此,我有一个离子选择与3个静态值,我想为第二个被选中,并在默认情况下显示,听起来不难或一个很大的问题,对吗?因此,我尝试简单地在离子选择选项(显示在下面的代码中)附近添加selected,就像他们在上的示例中所做的那样,但是由于某些原因,它完全没有效果,并且在我重新加载页面时仍然没有显示出来。你知道这里有什么问题吗

<ion-item>
     <ion-label>{{ "HOME.row_text" | translate }}</ion-label>
     <ion-select [(ngModel)]="drive_option" (ionChange)="updateResult()"> 
          <ion-select-option value=0.5>{{ "HOME.row_half" | translate }}</ion-select-option>
          <ion-select-option value=1 selected>{{ "HOME.row_simple" | translate }}</ion-select-option>
          <ion-select-option value=2>{{ "HOME.row_double" | translate }}</ion-select-option>
    </ion-select>
</ion-item>

{{“HOME.row_text”{124; translate}}
{{“HOME.row_half”{124; translate}
{{“HOME.row_simple”{124; translate}
{{“HOME.row_double”{124; translate}}

这是因为当您使用
ngModel
时,选择的
并不意味着什么

您需要在代码中设置
drive\u option=1
,它将反映在UI中

您可能不需要该
(ionChange)
,因为任何更改都会自动更新
驱动选项的值

这将有助于您通过角度文档了解事物是如何工作的

刚开始的时候我也很困惑(现在仍然是经常性的),但Ionic不仅仅是关于使用Ionic,你还需要花一些时间来理解Angular


其概念是,您不是在构建传统表单,而是在构建数据模型,然后让angular双向绑定该数据,这就是
[()]
的意思。

模型值和dom值之间的匹配是类型敏感的

普通dom属性始终是字符串,与数值
驱动器\u选项不匹配。尝试:

<ion-select-option [value]="0.5">{{ "HOME.row_half" | translate }}</ion-select-option>
{{“HOME.row_half”| translate}

drive\u选项在应用程序开始时已设置为1。所以这并没有解决问题。