2015-06-02 5 views
0

Я не могу получить компонент заголовка для регистрации в качестве модуля.добавить второй угловой модуль

Я застрял, пытаясь добавить new module. Я использую gulp-angular-scaffold. При выполнении модульных тестов (Jasmine) модуль заголовка не определен.

Кажется, что мне не хватает декларации модуля, но я не уверен, где и почему?

Заранее спасибо

структура папок снимка:

├── 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; 
+0

Как выглядят 'header.controller.js' и' header.directive.js'? Существуют ли синтаксические ошибки в этих файлах? – Tom

+0

@Tom Я добавил директиву и контроллер к сообщению, JSHint не жалуется ни о чем в файлах, и мне сразу ничего не выделяется. – atlMapper

ответ

1

Вам нужно добавить модуль в файле индекса - index.js:

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

PS: ... если это не то, что вы хотите?

+0

Когда я добавляю модуль таким образом, я получаю эту ошибку: 'Ошибка: [$ injector: modulerr] Не удалось создать экземпляр модуля из-за: Ошибка: [ng: areq] Аргумент 'fn' не является функцией, полученной undefined' – atlMapper

+0

Я думаю, что я написал эту директиву, мои навыки es6 виноваты там – atlMapper

Смежные вопросы