繁体   English   中英

Angularjs中的模块是什么?

[英]What is module in Angularjs?

我是一名Java开发人员,我正在尝试创建一个使用我的Web服务的前端。 按照他们网站上的教程,我必须承认我在模块的概念上挣扎。 有人可以解释为什么,什么,何时以及如何使用它? 如果它具有相同的“Java方式”,那么比较也会受到高度评价。

来自Angular 文档

模块是服务,指令,过滤器和配置信息的集合。

模块可以是应用程序,也可以是可以注入其他模块的组件集合。 在Angular中,这就是将相关事物组合在一起的方式,这样您就可以从依赖注入系统中受益。

例如,您的主应用程序可以是一个模块,您可以将其部分分解为更小,更有凝聚力的包(其他模块)。 您还可以使用第三方组件(其他模块)并将其注入主应用程序:

angular.module('app', ['app.controllers', 'app.directives', 'third-party-module1', 'third-party-module2');

最后,我推荐Dan Wahlin的这个视频教程: 角度为60分钟

初学者一般备注:忘记了教程和启动不是(从上理论家视频-我仍然在学习,太)。

该模块是您的应用程序,您可以在其中注册指令,控制器,服务,过滤器,..

您可以使用不同的模块并将它们注入主模块(这有助于更清晰的结构......并将第三方模块用作库)。

angular.module('myApp', [
        'myApp.controllers',
        'myApp.filters',
        'myApp.services',
        'myApp.directives',

        // 3rd party dependencies
        'ui.bootstrap',
        'btford.socket-io'
    ]).

这是我正在处理的项目的片段:myApp是我正在使用的主要模块(在html文件中<html ng-app="myApp"> ), myApp.xxx是注入主要模块的其他模块。 最后还有第三方模块。

如果它具有相同的“Java方式”,那么比较也会受到高度评价

我只是想为这一点添加评论,但我没有足够的声誉来做到这一点。

对于这一点,Java中的package(例如:com.team.module)可以稍微等效,在包内,你可以有另一个子包(com.team.module.directive,com.team.module.service)。 它们可以帮助您将项目构建为组件以便重用和维护。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM