1

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

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

我有一个更新数据表单,它具有ng-controllerng-submit指令,它使用get加载和posts提交数据从服务器加载数据。

我的问题是,当用户单击提交按钮时,我如何指示某些事情正在实际发生?例如,在处理操作时显示活动指示器,并在处理后显示某种成功或失败消息。

我之前使用 jQuery 为 ajax 表单执行此操作,我仍然使用 jQuery 还是在 Angular JS 中有其他我不知道的工具?

谢谢

4

1 回答 1

2

在 Angular 中使用 AJAX Promise 非常简单。看看这个帖子。在处理您的请求时,您可以显示加载图标/文本:

$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>
于 2015-02-06T12:26:25.157 回答