離子2（點擊）觸發兩次iOS 10.3.1

Question

我正在開發離子2的應用程序，但是我遇到了點擊事件的問題。

當我在設備上運行應用程序，並嘗試點擊一個按鈕例如作出警報，此功能會觸發一次，但當我再次點擊按鈕時，該功能會觸發兩次。

這是系統信息。

Cordova CLI: 6.5.0 
Ionic Framework Version: 3.0.1 
Ionic CLI Version: 2.2.2 
Ionic App Lib Version: 2.2.1 
Ionic App Scripts Version: 1.3.0 
ios-deploy version: 1.9.0 
ios-sim version: 5.0.8 
OS: macOS Sierra 
Node Version: v7.2.1 
Xcode version: Xcode 8.3.2 Build version 8E2002 

這是示例代碼：

home.htm

<div padding> 
    <button ion-button full (click)="TestAlert()">Alert</button> 
</div> 

home.ts

TestAlert(){ 

    console.log('Hola'); 
    alert('Hola'); 
    } 

這是一個完整的例子是什麼我真的做repo

Answer 1

嘗試使用的(tap)代替(click)。

（因爲您使用的是離子本機3.0.1，有一個變化，即tap會干擾滾動，如果發生這種情況，您需要更新到3.1.1）。

Answer 2

HTML

<div padding> 
    <button type="button" class="ion-button full">Alert</button> 
</div> 

JS

// wait until all dom elements are loaded 
$(document).ready(function(){ 

    // init TestAlert as Listener 
    var TestAlert = function(){ 
    console.log('Hola'); 
    alert('Hola'); 
    } 

    // bind the click event to the button 
    $('button').on('click', TestAlert); 
});