加载新内容时清除ng-view？

Question

当我更改页面的路径时，我的ng-view会保留其内容，直到我的routeProvider加载新内容。有没有办法立即隐藏它们并显示一个旋转器直到新的加载？

Answer 1

请参阅此关于加载屏幕的小提琴（可根据需要进行自定义）：http://jsfiddle.net/KmXTy/1/。

我认为你要找的是ng-cloak。它会隐藏ng元素，直到Angular为它们做好准备。

<div id="template1" ng-cloak>{{ 'hello' }}</div>
<div id="template2" ng-cloak class="ng-cloak">{{ 'hello IE7' }}</div>

请参阅https://docs.angularjs.org/api/ng/directive/ngCloak。

此外，这可能会有所帮助：Angularjs: How to display loading-icon when using 'resolve' in $routeProvider?。