2015-04-06 79 views
0

我有一个Angular的大型应用程序,包括模态窗体和向导窗体等。 有问题,我不知道如何以最好的方式处理。 问题是:当用户点击模式按钮时,如果用户点击其他所有内容运行,都会延迟打开模态。 我的意思是模态和其他动作一起运行。 处理这个问题的最佳方法是什么?防止点击加载多个动作

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

THX的建议

回答

1

正如你所说,最简单的方法是使用一个阻挡元件防止用户点击多次。如果你不想这样做,另一种方法是使用角度事件,例如。广播/发射/打开,每个元素监听某些事件并切换点击启用状态。或者你可以使用ng-disabled,并设置一个rootScope变量,例如messageSending,无论何时请求一个模型对话框,设置messageSending = true。

+0

你可以创建一个非常简单的小提琴吗?在此先感谢 – sani 2015-04-06 18:02:58

+1

我将逐步更新jsfiddle。首先是我的简化模型中的原始版本:http://jsfiddle.net/HB7LU/12529/,您可以在其中单击按钮'foo',然后单击'bar'按钮。请注意,每次点击都会显示警报。其次是我使用ng-disabled在上面提到的那个:http://jsfiddle.net/HB7LU/12532/,其中单击一个按钮会禁用另一个按钮。 – ABOS 2015-04-06 19:33:08

+0

对于迟到和thx为您的支持感到抱歉, 小提琴不能正常工作,我是对的吗? – sani 2015-04-13 07:15:35