1

我将 AngularJS 与 RequireJS 和 ui-router 以及 Play Framework 2.3（和 WebJars 的东西）一起使用。

main.js

(function () {
    'use strict';

    requirejs.config({
        // Packages = top-level folders; loads a contained file named 'main.js"
        packages: ['dashboard'],
        paths: {
            'angular': ['../lib/angularjs/angular'],
            'angular-ui-router': ['../lib/angular-ui-router']
        },
        shim: {
            'angular': {
                exports: 'angular'
            },
            'angular-ui-router': {
                deps: ['angular'],
                exports: 'angular'
            }
        }
    });

    require(['angular', 'angular-ui-router', './app'],
        function (angular) {

            var mod = angular.module('app', ['ui.router']);

            mod.config(['$stateProvider', '$locationProvider', '$urlRouterProvider', function ($stateProvider, $locationProvider, $urlRouterProvider) {
                $locationProvider.html5Mode(true).hashPrefix('!');
                $urlRouterProvider.otherwise('/app/profile');
                $stateProvider.state('profile', {
                    abstract: true,
                    url: '/app/profile',
                    templateUrl: '/views/app/content',
                    controller: 'AppController'
                });
            }]);

            angular.bootstrap(document, ['app']);

        });

})();

应用程序.js

define(['angular', 'dashboard'], function(angular) {
  'use strict';

  return angular.module('app', ['app.dashboard']);
});

仪表板/main.js

define(['angular', './routes'], function(angular) {
  'use strict';
  return angular.module('app.dashboard', ['dashboard.routes']);
});

仪表板/routes.js

define(['angular'], function(angular) {
  'use strict';

  var mod = angular.module('dashboard.routes', []);
  console.log("Enter the routes.js"); // DOES WORK
  mod.config(['$stateProvider', function($stateProvider) {
      console.log("Enter the config file in routes.js"); // DOESN'T WORK, NEVER REACH THAT POINT
      $stateProvider.state('profile.dashboard', {
          url: '',
          templateUrl: '/views/app/dashboard'
      });
  }]);
  return mod;
});

我的子模块中定义的状态没有加载，但如果我将它们放在 main.js 中，它确实有效：

mod.config(['$stateProvider', '$locationProvider', '$urlRouterProvider', function ($stateProvider, $locationProvider, $urlRouterProvider) {
    $locationProvider.html5Mode(true).hashPrefix('!');
    $urlRouterProvider.otherwise('/app/profile');
    $stateProvider.state('profile', {
        abstract: true,
        url: '/app/profile',
        templateUrl: '/views/app/content',
        controller: 'AppController'
    })
   .state('profile.dashboard', {
          url: '',
          templateUrl: '/views/app/dashboard'
   });
   ;
  }]);

所以这确实是使用 RequireJS 加载的问题，但我不知道出了什么问题..

有任何想法吗 ？谢谢

4

0 回答 0