离子（Angular）警报处理程序方法调用了两次

Question

我正在为我的 web 应用程序使用 Ionic v. ^5.0.7 (Angular v. ~9.1.6 )，我遇到了这个奇怪的问题 - 当我关闭警报并调用处理程序方法时，它连续两次调用自己。

我之前遇到过这个问题，但不知何故它停止并开始正常运行，但这一次，这个问题仍然存在。

这是我的代码的一部分：

    
async showDialog(iterable: Array<any>) {
    let inputs: Array<any> = [];

    for (const x of iterable) {
      inputs.unshift({
        name: x.title,
        type: "radio",
        label: x.title,
        value: x,
        handler: (value) => {
          this.someOtherMethod(value.value);
          alert.dismiss();
        },
      });
    }

    const alert = await this.alertController.create({
      header: "Title",
      message: "Message",
      inputs: inputs,
      buttons: [
        {
          text: "Cancel",
          role: "cancel",
          cssClass: "cancel-t-button",
          handler: () => {},
        },
        {
          text: "Add",
          role: "ok",
          cssClass: "add-t-button",
          handler: () => this.someMethod(),
        },
      ],
    });

    await alert.present();
  }

当我通过单击“添加”按钮关闭此警报时，处理程序方法（console.log）连续调用两次。 你有什么想法，问题可能出在哪里？

谢谢你的帮助。

Answer 1

我打开了一个问题https://github.com/ionic-team/ionic/issues/21618并且此错误已在 Ionic v5.2.2 中修复

Answer 2

我通过从取消按钮中删除role属性并将role: "cancel"添加到添加按钮来解决此问题。 这不是最好的解决方案，但它确实有效……我认为问题出在 Ionic 框架中。