如何在AngularJS中显示表单提交状态

Question

我开始研究Angular JS，并发现迄今为止这个框架非常棒。

虽然我有一个关于表单提交最佳实践的问题。

我有有ng-controller和ng-submit指令更新数据的形式，它使用上提交get负载和posts数据服务器加载数据。

我的问题是当一个用户点击提交按钮时，我该如何表明事情正在发生？例如。在处理动作时显示活动指示器以及处理后的某种成功或失败消息。

我用jQuery为ajax表单做了这个之前，我仍然使用jQuery还是有其他工具在Angular JS中我不知道？

谢谢

Answer 1

在angular中使用AJAX承诺非常直截了当。看看this post。当正在处理您的请求，你可以任何显示加载图标/文字：

$scope.loading = true; 
$http.post("http://example.appspot.com/rest/app", {"foo":"bar"}) 
.success(function(data, status, headers, config) { 
    $scope.data = data; 
    $scope.loading = false; 
}).error(function(data, status, headers, config) { 
    $scope.status = status; 
    $scope.loading = false; 
}); 

然后，只需隐藏和显示任何指示你的加载状态：

<p ng-show="loading">LOADING</p>