Question

我找不到我无法添加选定属性以获取离子选择默认选定属性的问题

<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

您无需在ion-option中添加选定的属性即可将其选中。

要自动选择离子选项，您需要在[[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>

Answer 2

我不确定您实际上想要什么。但是，

1。如果您尝试默认选择选项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选择项进行动态更改，请在.ts文件中创建一个全局变量，然后可以在组件中使用该变量进行动态选择，例如：

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

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

2 个答案: