AngularJS 解决依赖关系

AngularJS Resolve Dependencies

我正在开发一款允许用户以不同级别登录或访问应用程序的应用程序。我添加了一个 resolve dependencies 来获取用户列表。它 return 列出了正确的用户。 如何将此对象传递给控制器​​? 我遵循网站上的类似示例,但我的 getPrelogin 对象始终未定义。我做错了什么?

.state('registration.login', {
            url: '/Login',
            resolve: {
                preLoginFactory: 'preLoginFactory',
                getPrelogin: function (preLoginFactory) {
                    var result = preLoginFactory();
                    result.then(function (result) {
                        return result.data.Model.IntroMessage;
                    })
                }

            },
            views: {
                "content@": {
                    templateUrl: '/Account/Login',
                    controller: function ($scope, $stateParams, $location, LoginFactory, getPrelogin, preLoginFactory) {
                        console.log('the value of get pre login')
                        console.log(getPrelogin);
                        $scope.introMessage = getPrelogin;
                        $scope.loginForm = {
                            emailAddress: '',
                            password: '',
                            rememberMe: false,
                            returnUrl: $stateParams.returnUrl,
                            loginFailure: false
                        };
                        $scope.login = function () {
                            var result = LoginFactory($scope.loginForm.emailAddress, $scope.loginForm.password, $scope.loginForm.rememberMe);
                            result.then(function (result) {
                                if (result.success) {
                                    if ($location.loginForm.returnUrl !== 'undefined') {
                                        $location.path('/routeOne');
                                    } else {
                                        $location.path($scope.loginForm.returnUrl);
                                    }
                                } else {
                                    $scope.loginForm.loginFailure = true;
                                }
                            });
                        };
                    }//"LoginController"
                }
            }
        })

你的解析对象 getPrelogin 应该 return result 变量,因为 promise preLoginFactory 工厂做 return promise 对象。通过在控制器中注入 getPrelogin,您将直接从 getPrelogin 获取数据 returned,即 result.data.Model.IntroMessage.

代码

resolve: {
  preLoginFactory: 'preLoginFactory',
  getPrelogin: function(preLoginFactory) {
      var result = preLoginFactory();
      return result.then(function(response) {
        return response.data.Model.IntroMessage;
      })
  }
},

你必须return你的承诺:

getPrelogin: function (preLoginFactory) {
     var result = preLoginFactory();
     return result.then(function (result) {
         return result.data.Model.IntroMessage;
     })
}