angularjs – 防止/处理双按钮的角度

前端之家收集整理的这篇文章主要介绍了angularjs – 防止/处理双按钮的角度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在角度上,我们可以设置一个按钮来发送这样的ajax请求:
... ng-click="button-click"

在控制器中:

...
$scope.buttonClicked = function() {
   ...
   ...
   // make ajax request 
   ...
   ...
}

所以为了防止双重提交,我可以设置一个标记buttonclicked = true当一个按钮单击,并在ajax回调完成时取消设置。但是,即使这样,控制权就被处理回到角度,谁将更新到Dom。这意味着有一个小窗口,在原始按钮点击完成100%完成之前,可以再次单击按钮。

这是一个小窗口,但仍然可以发生。任何提示完全避免这种情况 – 客户端,即不对服务器进行任何更新。

谢谢

使用ng-disabled在这个 example中工作得很好。无论多么激烈,我点击控制台消息只填充一次。

我好奇的是,将更改应用于buttonDisabled标志需要多长时间。如果您检查plunker example中的控制台,则显示$ eval和$ apply方法执行多长时间。在我的机器上,平均需要1-2毫秒。

猜你在找的Angularjs相关文章