解析不起作用并且正在加载模板 - AngularJS

Question

以下是我的$routeProvider 代码-

  $routeProvider
    .when("/login", {
      template: JST["app/templates/login"],
      controller: "LoginController",
    })
    .when("/dashboard", {
      template: JST["app/templates/dashboard"],
      controller: "DashboardController",
      resolve:{
        getUser: function(UserService) {
          return UserService.chkUser()
        }
      }
    })
    .otherwise({ redirectTo: function() {window.location = "/login";} });

    $locationProvider.html5Mode(true);
});

以下是我的UserService 代码 -

angular.module("app").factory("UserService", function($http, $q, User) {
  return {
    chkUser: function() {
      var defer = $q.defer();

      defer.resolve(false);
      return defer.promise;
      // Also tried -
      // window.location = "/login";
    }
  };
});

问题 -

现在，当我在浏览器中导航到 http://example.com/dashboard 时，我应该会在“/login”处重新登录，但我没有，请告诉我我对 angularJS 中的 resolve 用法有什么问题。

Answer 1

好吧，你的解析工作正常，如果你将getUser 注入DashboardController，它的值应该是false。因为您立即使用false 值解决了承诺。

试试这样的：

angular.module("app").factory("UserService", function($http, $q, User, $location) {
  return {
    chkUser: function() {
      var defer = $q.defer();
      $http(...., function(user){
         if(user){
            defer.resolve(user);
         }else{
            defer.reject();
            $location.path('/login');
         }
      });
      return defer.promise;
    }
  };
});

或者创建一个重现问题的小提琴，这样我们就可以看看并触摸那个。