Angularjs根据条件加载模块

Question

我正在为我的应用程序使用 angularjs 和 gulp。 这是我的目录结构。

app.js的内容是

'use strict';
angular.module('BlurAdmin', [
    'ngAnimate',
    'ui.bootstrap',
    'ui.sortable',
    'ui.router',
    'ngTouch',
    'ngRoute',
    'ngStorage',
    'MyApp.theme',
    'MyApp.pages'
]).run(function ($rootScope, $sessionStorage) {
    $rootScope.sessionStorage = $sessionStorage;
});

它加载 page.module.js

page.module.js 的内容是

(function () {
    'use strict';

    var myApp = angular.module('MyApp.pages', [
        'ui.router',
    ])
    .config(routeConfig);

    /** @ngInject */
    function routeConfig($urlRouterProvider, baSidebarServiceProvider) {
        $urlRouterProvider.otherwise('/dashboard');
    }

    var lazyModules = [
        'MyApp.pages.dashboard',
        'MyApp.pages.create',
        'MyApp.pages.otherModule'
    ];

    angular.forEach(lazyModules, function (dependency) {
        myApp.requires.push(dependency);
    });
})();

这会将所有模块作为菜单项加载到我的页面中。我想根据登录用户的类型使其有条件。

为此，我在 app.js 的 .run 中使用了 $sessionStorage，但我无法在 pages.module.js 中使用它

请帮助我加载有条件的模块，例如如果角色是管理员，那么只有 create 模块会被加载等等。

谢谢。

Answer 1

如果我理解正确你需要require.js 检查角色并转到类似“/admin”的页面。

    $routeProvider.when("/admin", angularAMD.route({
        templateUrl: 'your.html', controller: 'createController',
        controllerUrl: 'create'
    })).when("/other", angularAMD.route({
        templateUrl: 'your.html', controller: 'otherController',
        controllerUrl: 'other'
    }))

https://www.codeproject.com/Articles/808213/Developing-a-Large-Scale-Application-with-a-Single

Answer 2

试试这样的：

(function () {
  'use strict';

  var myApp = angular.module('MyApp.pages', [
    'ui.router',
  ])
  .config(routeConfig)
  .run(lazyModules);

  /** @ngInject */
  function routeConfig($urlRouterProvider, baSidebarServiceProvider) {
    $urlRouterProvider.otherwise('/dashboard');
  }

  function lazyModules($sessionStorage) {

    var userModules = [
      'MyApp.pages.dashboard',
      'MyApp.pages.otherModule'
    ];

    var adminModules = [
      'MyApp.pages.create',
      'MyApp.pages.otherModule'
    ];

    var isAdmin = $sessionStorage.admin;
    var loadModules = isAdmin ? adminModules : adminModules;

    angular.forEach(loadModules, function (dependency) {
      myApp.requires.push(dependency);
    });
  }

})();