Angular，ui-router：当更改状态时显示加载

当我想要切换到另一个状态（ui-sref）时，我可以显示某个加载图标，直到加载第二个状态为止，是否存在角度方式？Angular，ui-router：当更改状态时显示加载

2015-07-10 beginner

是角ui.router有，你可以听的事件：

$stateChangeStart - 发射时的过渡开始。

$stateChangeSuccess - 一旦发生状态转换就启动完成。

下面这个你可以写预加载功能

$rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams) { 
    $rootScope.preloader = false; 
} 

    $rootScope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams) { 
     $rootScope.preloader = true; 
    }

，并在你的身体元素，展示写一些<div> /与这个变量

如隐藏它。

<body> 
    <div ng-show="preloader"></div> 
</body>

来源

2015-07-10 11:29:23

Angular，ui-router：当更改状态时显示加载

回答

相关问题