typescript - Ionic v4.12 ion-picker 找不到任何方法来处理列的项目选择更改

Question

我使用 ionic V4.12 的 ion-picker 组件，我有 3 个列。当我选择第一列的一个项目时，我需要过滤第二列的项目，但我找不到任何方法来解决我的问题

我发现PickerColumn有刷新功能，但是还是不行

import { PickerController } from '@ionic/angular';

@Component({
  ...
})
export class ComponentPage {
  constructor(public pickerCtrl: PickerController) { }

  async openPicker() {
    const picker = await this.pickerCtrl.create({
      buttons: [{
        text: 'Done',
      }],
      columns: [
        {
          name: 'days',
          options: [
            {
              text: '1',
              value: 1
            },
            {
              text: '2',
              value: 2
            },
            {
              text: '3',
              value: 3
            },
          ]
        },
        {
          name: 'years',
          options: [
            {
              text: '1992',
              value: 1992
            },
            {
              text: '1993',
              value: 1993
            },
            {
              text: '1994',
              value: 1994
            },
          ]
        },
      ]
    });
    await picker.present();
  }
}

当我在天数列中选择 1 时，我只想显示名为 1994 的项目。

Answer 1

我向IONIC TEAM提出请求，得到的答复是listen ionPickerColChange Even

picker.addEventListener('ionPickerColChange', async (event: any) => {
     here handle some logic
}