angular - IONIC 2 IOS 问题 - 点击或点击 ionic 按钮触发事件两次

Question

我开发了一个 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 应用程序中的任何按钮都会触发事件两次，即使共享弹出窗口显示两次，书签也会自动删除，因为第二次点击书签是从书签中删除。

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

谢谢桑尼

Answer 1

一个赞成票提醒我有人也遇到了和我一样的问题。

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

打开您的 app.module.ts 文件并在 imports 下:[..] 替换以下行

IonicModule.forRoot(MyApp),

与

IonicModule,

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

如果有人知道，请解释此 hack 起作用的原因。

谢谢桑尼