如何为AngularJS编写自定义模块?

前端之家收集整理的这篇文章主要介绍了如何为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']);
原文链接:https://www.f2er.com/angularjs/146273.html

猜你在找的Angularjs相关文章