最优化的方式加载数据显示在路由器的控制器上

Question

我需要构建一个用户，该用户可以是不同RESTAPI调用的结果（每种方式都来自特定的路由）。

假设我们可以访问以下示例：

> 超文本传输协议

超文本传输协议：//myapp/#user/：user_id

angular.module('Test').config(['$routeProvider',
    function($routeProvider) {
        $routeProvider.
            when('/user/:pseudo', {
                templateUrl: 'views/user.html',
                controller: 'userFromPseudoCtrl'
            }).
            when('/user/:user_id', {
                templateUrl: 'views/user.html',
                controller: 'userFromIdCtrl'
            }).
            otherwise({
                redirectTo: '/'
            });
    }
]);

然后，我有3个不同的控制器：

>

userfromposeudoctrl

userFromIdCtrl

userCtrl（控制视图）

angular.module('Test').controller('userFromPseudoCtrl', function($User, $http) {
    $http.get('/getUserFromPseudo/test')
    .success(function(User) {
         $User.set(User);
    });
});

angular.module('Test').controller('userFromIdCtrl', function($User, $http) {
    $http.get('/getUserFromId/test')
    .success(function(User) {
         $User.set(User);
    });
});

angular.module('Test').controller('userCtrl', function($scope, $User) {
    $scope.User = $User;
});

这种方式是不好的，因为userCtrl是在$超文本传输协议回调（从路由器的控制器）之前调用的，所以User实际上是空的（我跳它会自动更新）。

在我尝试使用它（使用$rootScope.$apply（））进行管理之前，我想知道做这种处理（从路由器控制器加载数据然后显示数据）的更优化的方法是什么。

你用的控制器和我一样多吗？您是否在“绑定”视图的同一个控制器中处理这些REST API调用？我是有趣的知道！

Answer 1

定义路由时，您可以定义一个名为resolve的附加值，该值是一个对象，其中每个字段都promise在解析后将注入控制器：

路线定义：

when('/user/:pseudo', {
    templateUrl: 'views/user.html',
    controller: 'userFromPseudoCtrl'
    resolve: {dataNeeded: userPseudoService.getUserData()});

服务（新）：

angular.module('Test').service('userPseudoService', function($http){
    return $http.get('/getUserFromPseudo/test');
});

控制器：

angular.module('Test').controller('userFromPseudoCtrl', function(dataNeeded){});

在promise解决之前，路线不会改变。