Мне нужно написать собственный модуль для AngularJS, но я не могу найти хорошую документацию по этому вопросу. Как написать собственный модуль для AngularJS, который я могу поделиться с другими?Как написать собственный модуль для AngularJS?
ответ
В этих ситуациях вы считали, что документы больше не помогут вам, очень хороший способ учиться - это посмотреть на другие модули уже созданных модулей и посмотреть, как это сделали другие, как они спроектировали архитектуру и как они интегрировали их в свое приложение.
Посмотрев на то, что сделали другие, вы должны иметь хотя бы отправную точку.
Например, взгляните на любой angular ui module, и вы увидите множество пользовательских модулей.
Определяют just a single directive, а другие определяют more stuff.
Как @nXqd сказал, основной способ создания модуля является:
// 1. define the module and the other module dependencies (if any)
angular.module('myModuleName', ['dependency1', 'dependency2'])
// 2. set a constant
.constant('MODULE_VERSION', '0.0.3')
// 3. maybe set some defaults
.value('defaults', {
foo: 'bar'
})
// 4. define a module component
.factory('factoryName', function() {/* stuff here */})
// 5. define another module component
.directive('directiveName', function() {/* stuff here */})
;// and so on
После определения вашего модуля, это очень легко добавлять компоненты к нему (без необходимости хранить модуль в переменной):
// add a new component to your module
angular.module('myModuleName').controller('controllerName', function() {
/* more stuff here */
});
И интеграционная часть довольно проста: просто добавьте ее как зависимость от вашего модуля приложения (here's, как это делает угловой ui).
angular.module('myApp', ['myModuleName']);
thx для обоих ответов. я соглашусь с gion_13, поскольку он более подробный. –
Ссылка «Только одна директива» нарушена. –
@ Mariusz.W Спасибо за головы. Организация с угловым ui github обновила/переместила большинство репозиций, с которыми я связался в своем первоначальном ответе, и теперь все ссылки были разбиты. Обновили их новыми примерами. –
Если вы хотите найти хороший пример, вы должны изучить текущий модуль, написанный на угловом JS. Научитесь читать их исходный код. Btw это структура, которую я использую для записи модулей в angularJS:
var firstModule = angular.module('firstModule', [])
firstModule.directive();
firstModule.controller();
// in your app.js, include the module
Это основной.
var newMod = angular.module('newMod', []);
newMod.controller('newCon', ['$scope', function ($scope) {
alert("I am in newCon");
$scope.gr = "Hello";
}]);
Здесь newMod представляет собой модуль, который не имеет зависимостей [] и имеет контроллер, который имеет предупреждение, говоря вам в контроллере и переменную со значением привет.
- 1. Как написать модуль шаблонов commonjs для AngularJS
- 2. AngularJS: Render собственный модуль более одного раза
- 3. Как написать собственный Configformat
- 4. Как написать собственный манипулятор?
- 5. Как написать собственный GKMatchMakerViewController?
- 6. Как написать собственный loop_until?
- 7. Как написать собственный сериализатор?
- 8. Как написать модуль для sails.js
- 9. Как написать собственный метод?
- 10. Как написать собственный dynamic_cast
- 11. Как быстро разработать собственный модуль для реагента?
- 12. Как написать собственный код генератора для gcc?
- 13. Как написать собственный парсер для (f) lex?
- 14. Как написать собственный десериализатор JSON для Gson?
- 15. Как написать собственный компаратор для QList указателей?
- 16. Как написать модуль Python?
- 17. Как написать модуль Nginx?
- 18. Собственный звездообразный модуль (SIP-регистратор)
- 19. Как написать собственный сериализатор/десериализатор?
- 20. Как написать свой собственный itoa?
- 21. Как написать собственный анализатор JSON?
- 22. Как написать собственный диалект nHibernate?
- 23. Как протестировать собственный Linux-модуль?
- 24. Как написать собственный адаптер Datamapper?
- 25. ReactNative выставляет собственный модуль C++
- 26. Как написать свой собственный AuthorizeTag?
- 27. Как написать собственный фильтр HAML?
- 28. Как написать собственный фильтр захвата?
- 29. написать собственный таНос
- 30. Попытка построить собственный модуль
Этот блог очень помог мне с модулями в AngularJs [13 шагов к модуляции AngularJS] (https://blog.safaribooksonline.com/2014/03/27/13-step-guide-angularjs-modularization/). – danijelf