Question

所以在角度上可以做这样的事情：

function userTemplateProvider($sessionStorage, $templateRequest) {
 var user = $sessionStorage.user;
}

当您调用该函数时，只需键入：userTemplateProvider;，angular将自动注入服务。

现在我处于需要将变量传递给此函数的情况。

如果我这样做：

userTemplateProvider($sessionStorage, $templateRequest, myvar);

当然，将myvar添加到函数中：

    function userTemplateProvider($sessionStorage, $templateRequest, myvar){
 var user = $sessionStorage.user;
}

然后这两个服务将为空。

所以我的问题是如何添加变量但仍然注入服务

我的完整代码：

信息中心模块

angular.module('Dashboard',[])

.config(['$stateProvider', '$urlRouterProvider', 'JQ_CONFIG', 'USER_ROLES', 'hammerDefaultOptsProvider',
    function ($stateProvider, $urlRouterProvider, JQ_CONFIG, USER_ROLES, hammerDefaultOptsProvider) {
            $stateProvider
            .state('dashboard', {
                abstract: true,
                url: '/dashboard',
                templateProvider: userTemplateProvider,
                resolve: {
                    deps: ['uiLoad',
                        function (uiLoad) {
                            return uiLoad.load([
                                'js/controllers/headerController.js'
                            ]);
                        }]
                }
            })
            .state('dashboard.index', {
                url: '/index',
                templateProvider:getTemplate,
                data: {
                    authorizedRoles: [USER_ROLES.lb, USER_ROLES.superadmin, USER_ROLES.subadmin]
                },
                resolve: {
                    deps: ['uiLoad',
                        function (uiLoad) {
                            return uiLoad.load([
                                'js/controllers/chart.js',
                                'js/controllers/dashboard/DashboardController.js',
                                'js/controllers/dashboard/ClientDashboardController.js'
                            ]);
                        }]
                }
            })

    }]);

TemplateLoader

    angular.module('TemplateLoader', []);

function userTemplateProvider($sessionStorage, $templateRequest) {
    var templateLocation = $sessionStorage.activeUser.user.user_type.super_type_id == 1 ? 'tpl/app.html' : 'tpl/client/client.html';
    return $templateRequest(templateLocation);
}
function getTemplate($state, $sessionStorage) {
    var templateLocation = null;
    switch ($sessionStorage.activeUser.user.user_tpe.super_type_id) {
        case 1:
            break;

        case 2:
            break;

        default:
            break;
    }
    return $templateRequest(templateLocation);

}

Answer 1

创建一个专门用于myvar的函数可以工作，尽管可能会使用Angular的约定。

function userTemplateProvider(myvar) {
  return function($sessionStorage, $templateRequest) {
    var user = $sessionStorage.user;
    // can also access myvar here
  };
}

然后我们将其作为：

userTemplateProvider(myvar);

Angularjs注入了额外的变量

1 个答案: