离子3 - 如何添加“不要再问我”#39;复选框到警报控制器?

时间:2017-06-12 08:13:36

标签: typescript checkbox alert ionic3

我使用ionic3并希望添加“不要再问我”#34;复选框到警报。如您所见,我的警报有三个选项:

1.save并继续

2.继续不保存

3.cancel

当用户点击复选框时,只有选项"保存并继续"应启用,其余部分禁用。

Here is an example image.

事情是,我无法找到一种方法来捕捉复选框点击事件,以便做到这一点。 有任何想法吗? 我使用警报控制器构建警报,而不是html。

1 个答案:

答案 0 :(得分:1)

警报控制器有一个名为inputs的选项:

 this
  .alert
  .create({
    title: 'Warning',
    inputs: [
      {
        type: 'checkbox',
        label: 'don\'t ask me again',
        handler:(e)=>{
          // e.checked is the checkbox value (true or false)
           console.info('value: ',e.checked)
        }
      }
    ],
    buttons: [
      {
        text: 'save and continue',
        handler: () => {
          //Do save stuff
        }
      },
       {
        text: 'continue without saving',
        handler: () => {
          //Do continue without saving stuff
        }
      },{text:'cancel'}
    ]
  }).present()