Question

我开始研究Angular JS，到目前为止发现这个框架很棒。

我对表单提交最佳做法有疑问。

我有一个包含ng-controller和ng-submit指令的更新数据表单，它使用加载时的get和提交时的posts数据从服务器加载数据。

我的问题是，当用户点击提交按钮时，如何指示某些内容确实发生？例如。正在处理操作时显示活动指示，并在处理完成后显示某种成功或失败消息。

之前我使用jQuery为ajax表单执行此操作，是否仍然使用jQuery或者在Angular JS中还有其他工具我不知道？

由于

Answer 1

使用角度的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>

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

1 个答案: