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