Question

如何在Ionic的Picker某栏上绑定类似onchange的事件？我想订阅活动，但我不知道如何。

这是我的Picker。

带有来源的Picker类：https://github.com/driftyco/ionic/tree/2.0/src/components/picker

这是我的代码：

twoColumns() {
        let picker = Picker.create();

        picker.addButton({
            text: 'Отмена',
            role: 'cancel'
        });
        picker.addButton({
            text: 'Готово',
            handler: (data) => {
                console.log(data);
            }
        });

        picker.addColumn({
            name: 'date',
            align: 'left',
            columnWidth: '60%',
            options: [
                { text: 'сегодня', value: 0 },
                { text: 'завтра', value: 1 }
            ]
        });
        picker.addColumn({
            name: 'hours',
            align: 'right',
            columnWidth: '20%',
            options: hours
        });
        picker.addColumn({
            name: 'minutes',
            align: 'right',
            columnWidth: '20%',
            options: minutes
        });

        let columns = picker.getColumns();

        this.nav.present(picker);
    }

Answer 1

我只是构建一个自定义选择器组件。

在此处查看https://github.com/raychenfj/ion-multi-picker。

要订阅选择器更改事件，您需要包含ioChange。

picker.ionChange.subscribe(() => {
  this.validate(picker);
});

您也可以参考日期时间选择器，它也基于选择器组件。 https://github.com/driftyco/ionic/tree/master/src/components/datetime

离子2选择器改变事件

1 个答案: