Question

我面临离子选择选项的问题。在设置弹出窗口中，我定义了一些选项，其中一个是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;
}

但是它不起作用。甚至没有出现console.log。

所以我的问题是，是否可以将函数链接到“ 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]，则您的版本可能会起作用

离子选择，从脚本

1 个答案: