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

Question

当我选择一个离子选择选项时，我需要自动执行一个函数，但我还没有找到解决方案。

我的代码是：

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

我已经尝试过这些选项，但这些选项都不适合我:(

<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中所述的界面选项：“动作表单和弹出式界面没有OK按钮，单击任何选项将自动关闭覆盖并选择该值。popover界面没有取消按钮，单击背景将关闭覆盖。”

但它只能与单选选项一起使用。您不能在弹出窗口或操作表单中使用多个选择。

这样，您就可以使用(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>