我使用引导程序构建表单并使用$ http向远程服务器提交数据,但中间存在时间延迟。使用AngularJS提交引导表单时显示进度(圈)
我想知道如何实现一个进度(在页面中间的圆圈)让用户知道表单正在提交,是否有使用Angular UI服务的功能?我已经找到了,并没有找到。或者我应该使用引导来实现这个?
我使用引导程序构建表单并使用$ http向远程服务器提交数据,但中间存在时间延迟。使用AngularJS提交引导表单时显示进度(圈)
我想知道如何实现一个进度(在页面中间的圆圈)让用户知道表单正在提交,是否有使用Angular UI服务的功能?我已经找到了,并没有找到。或者我应该使用引导来实现这个?
我建议寻找角材料。有一个很好的指令只是为了:https://material.angularjs.org/latest/#/api/material.components.progressCircular/directive/mdProgressCircular
根据大卫赫姆西的要求,这是我以前的评论作为答案。
可以重用这些.. 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>
}
});
我还没有测试代码但指令不会比这更复杂...
你可以在请求运行时显示一个gif图像。 – toskv
你也可以看看这个:https://github.com/jfeigel/ngLoader – toskv
我建议看看Angular Material。这里有一个很好的指令:https://material.angularjs.org/latest/#/api/material.components.progressCircular/directive/mdProgressCircular – manonthemat