javascript - ui-router 找不到常量

Question

我有以下设置:

   var lbApp = angular.module('lbApp',
    [
        'Main',
        'user',
        'Dashboard',
        'ui.router'
    ]
);

lbApp.constant('USER_ROLES', {
    all: '*',
    admin: 'admin',
    editor: 'editor',
    guest: 'guest'
});

lbApp.config(function ($stateProvider, $urlRouterProvider) {
    $stateProvider.state('login', {
        url: '/',
        templateUrl: 'app/login/login.tmp.html',
        controller: 'MainCtrl'
    })
    $stateProvider.state('adminDashboard', {
        url: '/adminDashboard',
        templateUrl: 'app/dashboards/admin/dashboard.tmpl.html',
        controller: 'Dashboard',
        data: {
            authorizedRoles: [USER_ROLES.admin, USER_ROLES.editor]
        }
    })
    ;
    $urlRouterProvider.otherwise('/');
});

但是，当我运行我的网站时，我收到一条错误消息:

ReferenceError: USER_ROLES is not defined

谁能告诉我为什么会这样？

Answer 1

我认为你应该注入(inject)

USER_ROLES

在你的配置中像这样:

lbApp.config(function ($stateProvider, $urlRouterProvider,USER_ROLES) {