使用AngularJS提交引導表單時顯示進度（圈）

Question

我使用引導程序構建表單並使用$ http向遠程服務器提交數據，但中間存在時間延遲。

我想知道如何實現一個進度（在頁面中間的圓圈）讓用戶知道表單正在提交，是否有使用Angular UI服務的功能？我已經找到了，並沒有找到。或者我應該使用引導來實現這個？

Answer 1

我建議尋找角材料。有一個很好的指令只是爲了：https://material.angularjs.org/latest/#/api/material.components.progressCircular/directive/mdProgressCircular

根據大衛赫姆西的要求，這是我以前的評論作爲答案。

Answer 2

可以重用這些.. angular-spinner或angular-sham-spinner

BLOG關於微調與angularjs

，或者如果你想自己做它是如何工作...

app.directive("spinner", function(){ 
return: { 
restrict: 'E', 
scope: {enable:"="}, 
template: <div class="spinner" ng-show="enable"><img src="content/spinner.gif"></div> 
} 
}); 

我還沒有測試代碼但指令不會比這更復雜...