невозможно добавить выбранный атрибут в опцию ion

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

Вам не нужно добавлять выбранный атрибут в ion-option, чтобы выбрать опцию

Чтобы получить автоматический выбор ion-опции, вам нужно передать значение 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>