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

发布时间：2020-12-17 08:23:24 所属栏目：安全来源：网络整理

导读：在角度上，我们可以设置一个按钮来发送这样的ajax请求： ... ng-click="button-click" 在控制器中： ...$scope.buttonClicked = function() { ... ... // make ajax request ... ...} 所以为了防止双重提交，我可以设置一个标记buttonclicked = true当一个按

在角度上，我们可以设置一个按钮来发送这样的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毫秒。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!