防止按钮双击 ionic2

Question

我在ionic2应用程序中使用了一个按钮，并使用了(点击)。但是如果我在按钮上按 2 次，相同的功能(假设打开一个模态)会显示两次。我们如何防止双击或偶然多次单击按钮，同时加载异步函数。 我希望有一些dblclick事件，只是阻止它，但我认为ionic2没有。我试过使用(点击)，但它也接受多次和多次点击。

我是否需要处理此手册/自定义，并在使用异步调用时将布尔值设置为 true 和 false，并将其用作 [disabled] 属性？

Answer 1

您可以使用加载组件来实现这一点。

import { LoadingController } from 'ionic-angular';
export class Util {
public progressBarLoader : any;
constructor(public loadingCtrl: LoadingController) {
}
showLoader(timeInMilliseconds) {
let progressBarLoader = this.loadingCtrl.create({
content: "Please wait...",
duration: timeInMilliseconds
});
progressBarLoader.present();
}
hideLoader(){
try{
if(this.progressBarLoader != null || this.progressBarLoader != undefined){
this.progressBarLoader.dismiss();
}
}catch(e){      
console.log("Busy Indecator not showing :: " + e.message);
}
}
}

点击按钮时，调用showLoader()具有很长的时间值，当异步操作完成后，您可以调用hideLoader()。这将避免多次点击按钮，并且您不必手动启用/禁用按钮。