AngularJS, загрузочный модуль

Question

Прежде всего, я открываю AngularJS. Я читал много курсов об этом, но я далеко не знаком с этим.

У меня есть проект, если я не могу изменить предыдущие объявления. Я хочу добавить wysiwyg в проект.

Мне нужно создать другой контроллер, используя существующий модуль. Я знаю, что если я переопределю модуль, предыдущий будет потерян.

Я думал, что это было бы хорошо:

angular.module('demo') 
    .controller('WysiwygCtrl', ['colorpicker.module', 'wysiwyg.module', function($scope) { 
    $scope.data = { 
     text: "hello" 
    } 
}]); 

Но это не работает.

В самом деле, проще всего было бы:

angular.module('demo', ['colorpicker.module', 'wysiwyg.module']) 
    .controller('WysiwygCtrl', function($scope) { 
    $scope.data = { 
     text: "hello" 
    } 
}); 

Но он создает новый модуль и я развязывать предыдущий ...

Как я могу сделать, чтобы сделать это работает? Если вам нужно больше кода, я могу отредактировать свой вопрос, просто спросите, но я думаю, что модуль/контроллер является самой важной частью.

Спасибо за помощь, я столкнулся с этой проблемой с утра.

EDIT1: WYSIWYG библиотека размещается на GitHub здесь https://github.com/TerryMooreII/angular-wysiwyg

EDIT2: На данный момент ничего не отображается, потому что у меня есть следующее сообщение об ошибке: Error: [$injector:unpr] http://errors.angularjs.org/1.2.16/$injector/unpr?p0=colorpicker.moduleProvider%20%3C-%20colorpicker.module

Answer 1

angular.module('moduleName', ['dep1', 'dep2']) - создает модуль, который имеет зависимости перечисленных во втором параметре эта подпись также возвращает вновь созданный модуль, вы должны указать список зависимостей, даже если это всего лишь пустой массив []. Это также перезаписывает любые существующие модули с тем же именем.

angular.module('moduleName') - возвращает модуль, созданный ранее в вашем коде, следовательно, отсутствие списка зависимостей в сигнатуре - это также возвращает модуль.

обе подписи позволяют добавлять контроллеры, услуги и т.д ..

Answer 2

Кроме того, я думаю, вы должны быть переходящие в ссылках на них модули в функции

.controller('WysiwygCtrl', ['$scope', 'colorpicker.module', 'wysiwyg.module', function($scope, colorpickermodule, wysiwygmodule) { 
    $scope.data = { 
     text: "hello" 
    } 
} 

Answer 3

Если используется обозначение массива при создании компонентов в качестве контроллеров или директив, то параметры на главной функции или модуле должны совпадать. Как я вижу, что вы используете

.controller('WysiwygCtrl', ['colorpicker.module', 'wysiwyg.module', function($scope) { 
$scope.data = { 
    text: "hello" 
} 

вы, возможно, хотите сказать

.controller('WysiwygCtrl', ['$scope', 'colorpicker.module', 'wysiwyg.module', function($scope) { 
$scope.data = { 
    text: "hello" 
}