Я не могу найти проблему в том, как я не могу добавить выбранный атрибут, чтобы получить выбранное свойство по умолчанию в 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>
Я не уверен, что вы хотите на самом деле. Но,
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>
Вам не нужно добавлять выбранный атрибут в ion-option, чтобы выбрать опцию
Чтобы получить автоматический выбор ion-option, вам нужно передать значение 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>
Этот метод точно не будет работать для нескольких вариантов выбора.