如何在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>