防止点击加载多动作

Question

I have a large application with Angular include modal form and wizard form and etc . there is problem that i don't know how to deal with that in best way . the problem is : when user click on modal button there is a delay to open modal meantime if user click on something else all of them run . i mean modal and other action run together . what's the best way to handle this ?

       i konw there is a way to add loading bar and add overlay shadow
 with z-index to prevent another click .  

thx for your suggestion

Answer 1

As you have said, the easiest way is to use a blocking element preventing users from clicking multiple times. If you don't want to do that, an alternative is use angular events, eg. broadcast/emit/on, each element listens to some events and toggles click enabled status. Or you can use ng-disabled, and set a rootScope variable eg messageSending, whenever a model dialog is requested, set messageSending = true.