Ionic 离子选择,从脚本更改默认选择选项

r7s23pms  于 2022-12-08  发布在  Ionic
关注(0)|答案(1)|浏览(179)

我遇到了一个离子选择选项的问题。在一个设置弹出窗口中,我定义了几个选项,其中一个是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”属性?如何解决我的问题?
谢谢你的帮助

bttbmeg0

bttbmeg01#

给予这样的东西:

<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]的话,你的版本可能已经工作了

相关问题