javascript - 基于角色角度的不同模板网址

Question

我的路线配置如下：

.config(['$routeProvider',
            function ($routeProvider) {
                $routeProvider
                        .when('/home', {
                            templateUrl: 'partials/home.html',
                            controller: 'HomeCtrl'
                        })
}]);

现在我想根据用户的授权来确定登录模板不同。我已授权在服务会话中定义。我希望能够做这样的事情：

 .config(['$routeProvider', 'Session'
                function ($routeProvider, Session) {
                    $routeProvider
                            .when('/home', {
                                templateUrl: Session.getState().authorized?'partials/authHome.html':'partials/home.html',
                                controller: 'HomeCtrl'
                            })
    }]);

但是我不能以这种方式在配置中使用 Session。那么有什么可能的方法呢？

Answer 1

基本上问题是你不能注入service/factory到角度配置阶段。您需要创建提供者而不是服务/工厂。因为提供者在 Angular 的配置阶段可以访问。

会话.js

app.provider('Session', function() {
    this.getState = function(){
        var object;
        //fill up object value.
        return object; //object will have your desired format with authorised prop
    }

    this.$get = function() {
        return {
            myMethod: function() {
                return "Something";
            }
        }
    };
});