0

我习惯于ocLazyLoad依赖注入和按需加载 CSS 和 JS。state在加载数据之前，我不会更改 UI-Router 。我也Restangular用来连接API。

现在如何从解析状态调用 Restangular 函数？这是我的路线：

.state('admin.users',{
    url: "/users",
    templateUrl: "user/views/users.html",
    controller:'UserListCtrl',
    resolve: {
        dep: ['$ocLazyLoad',
            function( $ocLazyLoad ){
                return $ocLazyLoad.load(['UserService.js']).then(
                    function(){
                        return $ocLazyLoad.load(['UserListCtrl.js']);
                    }
                );
            }],
       resolvedItems: userlist()
    }
})

我UserListCtrl的是：

app.controller('UserListCtrl',function($scope,UserService){  

    /*
     * Get all users
     */
    userlist = function(){
        UserService.list().then(function(data){
             $scope.users = data;
             $scope.pagination = $scope.users.metadata;
             $scope.maxSize = 5;
        });
    }
})

我UserService的是：

angular.module('app').service('UserService', function($rootScope, Restangular) {
    /*
     * Build collection /user
     */
    var _userService = Restangular.all('user');


    /*
     * Get list of users
     */
    this.list = function() {
        // GET /api/user
        return _userService.getList();
    };
})
4

1 回答 1

1

您不能在配置组件中从控制器调用函数。要等待页面打开的后端响应，您应该使用 ui-router 的解析功能。

你已经定义resolvedItems了，所以在那里提出你的 userList 请求并解决这样的响应......

resolve: {
    dep: ['$ocLazyLoad',
        function( $ocLazyLoad ){
            return $ocLazyLoad.load(['UserService.js']).then(
                function(){
                    return $ocLazyLoad.load(['UserListCtrl.js']);
                }
            );
        }],
   resolvedItems: ['UserService', function(UserService){
            return UserService.list().then(function(response){
                return response;
            })
        }]
}

之后你应该resolvedItems在你的控制器上注入然后页面将不会显示，直到你的请求完成......

于 2016-04-14T01:04:15.800 回答