javascript - 添加第二个 Angular 模块

Question

我无法将 header 组件注册为模块。

我陷入困境，试图添加 new module 。我正在使用gulp-angular-scaffold 。运行单元测试 (Jasmine) 时，未定义“ header ”模块。

我似乎缺少模块声明，但我不确定在哪里或为什么？

提前致谢

文件夹结构快照:

├──  app/
│   │   ├──  components/
│   │   │   └──  header/
│   │   │   │   ├──  header.controller.js
|   |   |   |   ├──  header.directive.js
|   |   |   |   ├──  header.spec.js
|   |   |   |   ├──  header.js
|   |   |   |   ├──  header.less
│   │   │   │   └──  header.html
│   │   ├──  main/
│   │   │   ├──  main.controller.js
│   │   │   ├──  main.controller.spec.js
│   │   │   └──  main.html
│   │   └──  index.js

index.js:(加载基本/仅成功的模块)

angular.module('styleguide', ['ngSanitize', 'ui.router', 'ui.bootstrap'])
    .controller('MainCtrl', MainCtrl)

header.js:

'use strict';

import HeaderCtrl from 'header.controller.js';

import HeaderNav from 'header.directive.js';

angular.module('header', ['styleguide'])
    .controller('HeaderCtrl', HeaderCtrl)
    .directive('HeaderDir', HeaderNav)
    .config();

header.controller.js

'use strict';

class HeaderCtrl {
  constructor ($scope) {
    $scope.Project = 'header.controller';
  }
}

HeaderCtrl.$inject = ['$scope'];

export default HeaderCtrl;

header.directive.js

'use strict';

class HeaderNav {

  constructor(){
      return {
        templateUrl: '../components/header/header.html'
      };
  }

}

export default HeaderNav;

Answer 1

您需要在索引文件 - index.js 中添加该模块:

angular.module('styleguide', ['ngSanitize', 'ui.router', 'ui.bootstrap', 'header'])
    .controller('MainCtrl', MainCtrl)

PS:...除非那不是你想要的？