如何在控制器内手动注入路由解析数据?

时间:2013-10-07 16:41:50

标签: javascript angularjs

我有两条共享一个控制器的路由,一个需要在视图加载之前解析数据,另一条路径不需要已解析的数据。

路由段示例:

...
when('/users', {
    controller: 'UsersCtrl',
    templateUrl: '/partials/users/view.html',
    resolve: {
        resolvedData : ['Accounts', function(Accounts) {
            return Accounts.get();
        }]
    }
}).
when('/users/add', {
    controller: 'UsersCtrl',
    templateUrl: '/partials/users/add.html'
})
...

控制器示例:

app.controller('UsersCtrl', ['$scope', 'Helper', 'resolvedData', 
    function($scope, Helper, resolvedData) {
        // this works for the first route, but fails for the second route with
        // unknown "resolvedDataProvider"
        console.log(resolvedData); 
}]);

有没有办法在没有明确使用解析名称作为依赖项的情况下获取控制器中的resolvedData?那么可以进行检查吗?

使用$ injector不起作用。我想做类似的事情:

if ($injector.has('resolveData')) { 
     var resolveData = $injector.get('resolveData');
}

然而,即使对于resolveData设置('/ users')的路由,这也不起作用:

app.controller('UsersCtrl', ['$scope', 'Helper', '$injector', 
    function($scope, Helper, $injector) {
        // this does not work -> fails with the unknown "resolvedDataProvider" as well
        $injector.get('resolvedData');
}]);

这可以在angularjs中完成吗?或者我应该创建一个新的控制器?

谢谢。

2 个答案:

答案 0 :(得分:7)

看起来我想出了另一种方法。已解析的数据是$route的一部分。所以你可以使用:

访问它
app.controller('UsersCtrl', ['$scope', '$route', 'Helper', 
    function($scope, $route, Helper) {

        if ($route.current.locals.resolvedData) {
            var resolvedData = $route.current.locals.resolvedData;
        }
}]);

答案 1 :(得分:5)

如果其他路由不需要它,只需在该路由上注入undefined:

路由器:

when('/users', {
    controller: 'UsersCtrl',
    templateUrl: '/partials/users/view.html',
    resolve: {
        resolvedData : ['Accounts', function(Accounts) {
            return Accounts.get();
        }]
    }
}).
when('/users/add', {
    controller: 'UsersCtrl',
    templateUrl: '/partials/users/add.html',
    resolve: {
       resolvedData: function() {
          return undefined;
       }
    }
})

控制器:

app.controller('UsersCtrl', ['$scope', 'Helper', 'resolvedData', 
    function($scope, Helper, resolvedData) {
        if(resolvedData){
          //set some scope stuff for it
        } else {
         //do what you do when there is no resolvedData
        }
}]);