首页 > Web开发 > 详细

AngularJS中的模块(module)

时间:2015-06-27 20:00:23      阅读:315      评论:0      收藏:0      [点我收藏+]

AngularJS中的module

  大部分应用都有一个主方法(main)来实例化、组织、启动应用。AngularJS中没有主方法,而是使用模块来声明应用该如何启动。模块允许通过声明的方式来描述应用中的依赖关系,以及如何组装和启动。

      一个模块可以引入另一个模块。在一个模块中定义多个服务,当引入这个模块时,就可以使用这个模块中的一个或者多个服务。

      AngularJS本身的一个默认模块叫ng,ng模块提供了$scope,$http等服务。服务只是模块提供的多种机制中的一种,其它的还有指令(directive),过滤器(filter),及其它配置信息。


module的定义

      angular.module(name,[requires],configFn);

      name为module的名字,requires表示模块的依赖模块,configFn会在module初始化时执行,可以在里面配置模块的服务,configFn若没有可以省略。


例子

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
</head>

<body ng-app="app">
    <script src="http://cdn.bootcss.com/angular.js/1.4.0-rc.2/angular.min.js"></script>
    <script type="text/javascript">
    var module1 = angular.module(‘app‘, []);
    
    </script>
</body>

</html>


       定义了一个名为app的module,用属性ng-app声明app这个module的作用域是body内,并赋给变量module1,以便进一步操作这个module。



AngularJS中的模块(module)

原文:http://iampomelo.blog.51cto.com/10193513/1666315

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!