当我 select 一个 ion-select-option 时，如何自动执行一个函数？

Question

当我 select 一个 ion-select 选项时，我需要自动执行一个功能，但我还没有找到解决方案。

我的代码是这样的：

    <ion-select placeholder="Options" 
                (ionChange)="changeOption($event)">
      <ion-select-option id="option-1" value="option-1">
        Option 1
      </ion-select-option>
      <ion-select-option id="option-2" value="option-2">
        Option 2
      </ion-select-option>
    </ion-select>

我已经尝试过这些选项但是 none 这些选项对我有用:(

<ion-select-option id="option-2" value="option-2" (ionSelect)="test($event)">Option 2</ion-select-option>
<ion-select-option id="option-2" value="option-2" (focus)="test($event)">Option 2</ion-select-option>
<ion-select-option id="option-2" value="option-2" (ionChange)="test($event)">Option 2</ion-select-option>

PD: Sorry for my English, my level is very poor yet. I hope your help

Answer 1

您需要按照文档 https://ionicframework.com/docs/api/select#interface-options 中所述更改界面选项：“action-sheet 和 popover 界面没有 OK 按钮，单击任何选项将自动关闭覆盖和 select 该值。弹出界面没有取消按钮，单击背景将关闭覆盖。"

但它仅适用于单个 select 选项。您不能将多个 selection 与 popover 或 action-sheet.

一起使用

然后您可以使用 (ionchange) 或获取以下形式的值：

<ion-select placeholder="Options" interface ="action-sheet" (ionChange)="changeOption($event)">
<ion-select-option id="option-1" value="option-1">
Option 1
</ion-select-option>
<ion-select-option id="option-2" value="option-2">
Option 2
</ion-select-option>
</ion-select>

当我 select 一个 ion-select-option 时，如何自动执行一个函数？

How can I to execute a function automatically when I select an ion-select-option?

ionic-framework

angular

ionic5