Question

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

Answer 1

是的，角度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;
    }

并在您的body元素中写一些<div>并使用此变量显示/隐藏它

例如

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

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

1 个答案: