javascript - 在 $routeProvider 解析功能中找不到 AngularJS 声明的服务

Question

我的主 JS 中有以下 AngularJS 代码(LoginData 是全局值，Config 是工厂实例):

app.service('portfolioData', function($http, LoginData, Config) {
return {
    load: function( $http, LoginData, Config ) {
        return $http({
            method: 'GET',
            url: getHostnamePort(Config) + '/rest/api/property/list',
            headers: { 
                'Content-Type': 'application/json',
                'x-api-token': LoginData.apiToken,
                'x-api-user': LoginData.apiUser
            }
        }).then( function successCallback( response ) {
            console.log( "Portfolio loaded" );
            return response.data;
        }, function errorCallback ( response ) {
            console.log( "Portfolio load FAILED" );
            console.log( response.status );
            if ( response.status == '401' )
                $scope.failureMessage = "Unauthorised. Please Login in.";
            return null;
        });
    }
};
});

接下来我已经声明了我的路线:

app.config(function ($routeProvider) {
    ...
    $routeProvider.when('/portfolio', {templateUrl: "http://xxxxx/~matthew/view/portfolio.view", resolve: { portfolio: portfolioData.load( $http, LoginData, Config ) }});
});

由于某种原因，AngularJS 找不到 PortfolioData 服务，因此不会运行该应用程序。

我尝试过使用工厂。 如果我内联 $http 调用，它似乎可以工作，但我不想内联此代码，因为它很重要，并且我希望在其他地方重用它。

Answer 1

首先，您不需要将服务作为函数加载的参数传递:

load: function() {
    return $http({...}).then...
}

然后，我认为解析的投资组合属性需要一个如下函数:

resolve: { 
    portfolio: function(portfolioData) {
         return portfolioData.load();
    }
}

或已解决:

resolve: { 
    portfolio: function(portfolioData) {
         return portfolioData.load().then(function (data) {
              return data;
         });
    }
}