javascript - AngularJS 重定向闪烁以前的模板

Question

这个问题已被问过几次，但没有正确答案，因此希望这个问题/答案能够解决许多人的问题。

基本上，我的路线附加了一个解析对象，如下所示:

$routeProvider
  .when('/',
  {
      templateUrl: "html/landing.html",
      controller: "LandingController",
      resolve: {
          app: function ($q, $location) {
              var defer = $q.defer();
              var next = "landing";
              checkRedirect(defer, $location, next);
              return defer.promise;
          }
      }
  });

checkRedirect 函数执行几次 AJAX 调用，并可能更改 $location，如下所示:

$location.path("/home");

一切都按预期工作，但由于某种原因，当发生重定向时，旧路由中的模板会在重定向和渲染正确的模板之前闪烁一瞬间。

Answer 1

这里有一个技巧，基本上可以在旧模板闪烁的“瞬间”隐藏主体。但是，如果有人有实际的解决方案，请分享。

$rootScope.$on('$locationChangeStart', function (event) {
    $('body').hide();
    setTimeout(function () {
        $('body').show();
    }, 100);
});