Angular.js常量问题？

Question

我有点困惑，我正在按照这个教程来尝试让autheictaion工作。https://devdactic.com/user-auth-angularjs-ionic/

我被困在了第一阶段

这是我的app.js

// create main module, adding dependencies for ionic, angular router, angular  mock and apps own modules

var jailbreak = angular.module('jailbreak', ['ionic', 'ui.router', 'map', 'chat', 'constant'])

jailbreak.run(function(AUTH_EVENTS) {
  document.getElementById('debug').innerHTML = JSON.stringify(AUTH_EVENTS);
})

这是我的constants.js

angular
  .module('constant', [])
  .constant('AUTH_EVENTS', {
    notAuthenticated: 'auth-not-authenticated',
    notAuthorized: 'auth-not-authorized'
  })
  .constant('USER_ROLES', {
    admin: 'admin_role',
    public: 'public_role'
  });

Answer 1

这可能是语法错误，在模块声明后有一个分号，然后尝试将.constant链接到它上。

更改此设置：

var constants = angular.module('constant', []);

如下所示：

var constants = angular.module('constant', [])

Answer 2

当angular尝试引导你的主模块时，其他模块应该是可用的：(注意，避免使用全局变量，使用getter访问模块)

​

angular
  .module('constant', [])
  .constant('AUTH_EVENTS', {
    notAuthenticated: 'auth-not-authenticated',
    notAuthorized: 'auth-not-authorized'
  })
  .constant('USER_ROLES', {
    admin: 'admin_role',
    public: 'public_role'
  });


angular
  .module('jailbreak', [
    /** 'ionic', 'ui.router', 'map', 'chat', **/ 'constant' /**, 'ngMockE2E' **/
  ])
  .run(function(AUTH_EVENTS) {
    document.getElementById('debug').innerHTML = JSON.stringify(AUTH_EVENTS);
  });

#debug {
  margin: 20px;
  padding: 10px;
  border: 1px solid cyan;
  background: rgba(0, 255, 255, .3);
  font-family: monospace;
  word-wrap: break-all;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<section ng-app="jailbreak"></section>
<div id="debug"></div>

​