简短答案 ：已
$rootScope.layout.loading按预期更改。但是，如果加载了模板，浏览器将没有时间使更改可见。
长答案
：如果将
console.log输出放到
$on侦听器中，您将看到一个
$routeChangeStart事件触发，该模板被加载，然后
$routeChangeSuccess触发。在后台发生以下情况：
$routeChangeStart
火灾$rootScope.layout.loading
变成true
- 模板被异步加载
- DOM已更新
- 浏览器呈现加载的gif
稍后（xhr请求返回）
- 模板已加载
$routeChangeSuccess
火灾$rootScope.layout.loading
变成false
- DOM已更新
- 浏览器不再显示gif
如果缓存了tmeplates会发生什么：-
$routeChangeStart触发-
$rootScope.layout.loading变为
true-
$routeChangeSuccess触发-
$rootScope.layout.loading变为-DOM已
false更新（但这与以前的状态相同）
如您所见，浏览器无法呈现新状态，因为正在运行的脚本没有被中断，这使浏览器有时间呈现DOM。如果尚未加载模板，则ajax请求将停止脚本执行，并为浏览器提供呈现DOM的时间。
如何解决这个问题？
您可以使用
timeout，让浏览器有时间更新DOM：
$rootScope.$on('$routeChangeSuccess', function () { console.log('$routeChangeSuccess'); //hide loading gif $timeout(function(){ $rootScope.layout.loading = false; }, 200);});这是使用此解决方案的plunkr：http
://plnkr.co/edit/MkREo0Xpz5SUWg0lFCdu?p=preview
