Ionic Select，从脚本更改默认选择的选项

Question

我遇到离子 select 选项的问题。在设置弹出窗口中，我定义了几个选项，其中一个是 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>

这工作得很好，但现在我不希望每次打开设置弹出窗口时默认 select 编辑第一个选项。如果第二个选项是上次 selected，我希望这次打开弹出窗口时预先 selected 第二个选项。

我试过这个：

<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;
}

但是没有用。甚至 console.log 都没有出现。

所以我的问题是，是否可以 link 对 "selected" 属性起作用？我该如何解决我的问题？

感谢您的帮助

Answer 1

试试这样的东西：

<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]，您的版本可能会起作用

Ionic Select，从脚本更改默认选择的选项

Ionic Select, change default selected option from script

select

default

option

ionic-framework