无法将所选属性添加到离子选项

Question

我无法找到无法添加所选属性以在 ion-option

上默认选择属性的问题

<ion-list>
      <ion-item>
          <ion-label>example</ion-label>
            <ion-select 
            [selectOptions]="selectOptionsEducation" 
            [(ngModel)]="filterData.education"
            multiple="true" placeholder="Class 10">
                <ion-option value="class 11" selected="true">Class 11</ion-option>
                <ion-option [selected]="true" value="class 12">Class 12</ion-option>
                <ion-option value="graduation">Graduation</ion-option>
            </ion-select>
        </ion-item>
  </ion-list>

Answer 1

我不确定你到底想要什么。但是，

1.If 您正在尝试默认选择选项编号 2 然后删除方括号 [] 并简单地设置

<ion-option selected="true" value="class 12">Class 12</ion-option>

如选项 1 中的设置。

或者直接设置

<ion-option selected value="class 12">Class 12</ion-option>

如果您想动态更改 ion-option 选择，请在 your.ts 文件中创建一个全局变量，然后您可以在组件中使用该变量进行动态选择，例如：

<ion-option [selected]="class12Selected" value="class 12">Class 12</ion-option>

Answer 2

您不需要在 ion-option 中添加 selected 属性来使选项 selected

要获得自动 select 离子选项，您需要在 [(ngModel)] 变量中传递离子选项的值。

//page.ts

filterData = {
  education = ['graduation']
}


//page.html

<ion-list>
      <ion-item>
          <ion-label>example</ion-label>
            <ion-select 

            [(ngModel)]="filterData.education"
            multiple="true" placeholder="Class 10">
                <ion-option value="class 11" >Class 11</ion-option>
                <ion-option value="class 12">Class 12</ion-option>
                <ion-option value="graduation">Graduation</ion-option>
            </ion-select>
        </ion-item>
  </ion-list>

无法将所选属性添加到离子选项

cannot add selected attribute to ion-option

ionic-framework

ionic3