Ionic Select, изменить выбранную по умолчанию опцию из скрипта - PullRequest
Новая
       63

Ionic Select, изменить выбранную по умолчанию опцию из скрипта

0 голосов
/ 19 декабря 2018

У меня проблема с опциями ионного выбора.Во всплывающем окне настроек я определил несколько параметров, один из которых selected="true", как показано в следующем коде: 

<ion-select (ionChange)="changeStartpoints($event)" interface="popover">
  <ion-option value="1" selected="true">1</ion-option>
  <ion-option value="2">2</ion-option>
</ion-select>

Это прекрасно работает, но теперь я не хочу, чтобы по умолчанию был выбран первый вариант.каждый раз, когда я открываю настройки всплывающих окон.Если второй вариант был выбран в последний раз, я хочу, чтобы второй вариант был предварительно выбран на этот раз, открывая всплывающее окно.

Я пробовал это: 

<ion-select (ionChange)="changeStartpoints($event)" interface="popover">
  <ion-option value="1" selected="isSelected_Startpoints(170)">1</ion-option>
  <ion-option value="2" selected="isSelected_Startpoints(501)">2</ion-option>
</ion-select>

, где isSelected_Startpoints(): 

isSelected_Startpoints (value: number) {
  console.log(this.startpoints);
  if (this.startpoints == value) {
    return true;
  } else {
    return false;
  }
}

и changeStartpoints(): 

changeStartpoints (change) {
  change = parseInt(change);
  this.startpoints = change;
}

, но это не сработало.Даже 1018 не появилось.

Итак, мой вопрос: Можно ли связать функции с атрибутом selected?И как я могу решить мою проблему?

Спасибо за любую помощь

1 Ответ

0 голосов
/ 19 декабря 2018

Попробуйте что-то вроде этого: 

<ion-select (ionChange)="changeStartpoints($event)" interface="popover">
    <ion-option value="1" selected="{{startpoints === 170}}">1</ion-option>
    <ion-option value="2" selected="{{startpoints === 501}}">2</ion-option>
</ion-select>

Полагаю, ваша версия могла бы сработать, если вы изменили selected на [selected] тоже

...