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应用程序中的任何按钮即可激活事件两次，即使共享弹出窗口显示两次，书签也会自动删除，因为书签中的第二次点击将从书签中删除。

请告诉我造成这种情况的原因。

谢谢Sanny

Answer 1

一个upvote提醒我，有人也遇到了和我一样的问题。

以下是我修复此问题的方法： -

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

IonicModule.forRoot(MyApp),

带

IonicModule,

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

如果有人知道请解释这个黑客行为的原因。

谢谢Sanny

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

1 个答案: