IONIC 2 IOS 问题 - 点击或单击离子按钮触发事件两次答案

【问题标题】：IONIC 2 IOS issue - tap or click on ion button trigger event twiceIONIC 2 IOS 问题 - 点击或单击离子按钮触发事件两次
【发布时间】：2017-04-20 09:53:09
【问题描述】：

我开发了一款 IONIC 2/Angular 2 应用，它在 android 中运行良好，但是当我在 IOS 中使用它时，它会触发两次点击事件，但在 android 中会触发一次。

这是我的标题：

<ion-header>
    <ion-navbar>
        <button menuToggle>
            <ion-icon name="menu"></ion-icon>
        </button>
        <!--<ion-title *ngIf="post">{{post.title.rendered}}</ion-title>-->
        <ion-buttons>
          <button (click)="ScrollToBottom()" class="details_btn blicon-comments" ion-button icon-only>
          </button>
        </ion-buttons>
        <ion-buttons>
          <button (click)="toggleFonrResizer()" class="details_btn  blicon-text-file-font" ion-button icon-only>
          </button>
        </ion-buttons>
        <ion-buttons>
            <button (click)="favoritePost(post)" ion-button icon-only class="details_btn blicon-bookmark"></button>
         </ion-buttons>
        <ion-buttons>
          <button (click)="sharePost()" class="details_btn blicon-share" ion-button icon-only>
          </button>
        </ion-buttons>
    </ion-navbar>
    <ion-toolbar [hidden]="hideFontResizer" class="fontresizer">
        <button left (click)="fontSizeChange(-0.1)"><ion-icon name="remove"></ion-icon></button>
        <button right (click)="fontSizeChange(0.1)"><ion-icon name="add"></ion-icon></button>
    </ion-toolbar>
</ion-header>

点击 IOS 应用程序中的任何按钮会触发事件两次，即使共享弹出窗口显示两次，并且书签会自动删除，因为第二次点击书签是从书签中删除。

请告诉我是什么原因造成的。

谢谢桑尼

【问题讨论】：

也许尝试（点击）而不是点击？那也是两次射击吗？
检查github.com/driftyco/ionic/issues/9610#issuecomment-274966270 是否解决了它。另外，请检查该线程是否对您有帮助。
我在 ion-header 的 ion-navbar 中看到了同样的问题

标签： angular ionic-framework ionic2

【解决方案1】：

一个赞成票提醒我，有人也遇到了与我相同的问题。

这是我解决这个问题的方法：-

打开您的 app.module.ts 文件并在导入下：[..] 替换以下行

IonicModule.forRoot(MyApp),

与

IonicModule,

我无法解释为什么这对我有用，但这挽救了我的一天。

如果有人知道，请解释一下这个 hack 起作用的原因。

谢谢桑尼

【讨论】：