1、创建module

//第一个参数是模块的名称

var head=angular.module('headApp',[]);

head.controller("User",["$scope",function($scope){

	$scope.UserName="admin";

	$scope.LoginTime=new Date().toString();

}]);

2、创建module且此模块要依赖其它module

// 创建module且此模块要依赖其它模块

// 第二个参数是依赖的模块名称，如果不依赖任何模块要传空数组[]。

// 注意：如果第二个参数不传，则是获取当前名称的模块

var my=angular.module('myApp',["headApp"]);

my.controller("Content",["$scope",function($scope){

	$scope.Text="this is a test page";

}]);

3、不同module有相同的controller时的调用方式

//如果当前模块和依赖具有相同的controller,则会调用当前模块的controller。

//当前模块没有此controller时，才会调用依赖模块中的controller

//可以对下面的controller代码进行注释(或去掉注释)，看页面的效果

// my.controller("User",["$scope",function($scope){

// 	$scope.UserName="admin123";

// 	$scope.LoginTime="2015-7-25";

// }]);

　　

demo代码如下：

<!DOCTYPE html>

<html lang="en" ng-app="myApp">

<head>

	<meta charset="UTF-8">

	<title>模块化</title>

	<script type="text/javascript" src="angular.js"></script>

</head>

<body>

	<div ng-controller="User">

		<p>用户名：{{UserName}}</p>

		<p>登录时间：{{LoginTime}}</p>

	</div>

	<div ng-controller="Content">

		<p>{{Text}}</p>

	</div>

</body>

</html>

<script type="text/javascript">

	//创建module

	//第一个参数是模块的名称

	var head=angular.module('headApp',[]);

	head.controller("User",["$scope",function($scope){

		$scope.UserName="admin";

		$scope.LoginTime=new Date().toString();

	}]);

	// 创建module且此模块要依赖其它模块

	// 第二个参数是依赖的模块名称，如果不依赖任何模块要传空数组[]。

	// 注意：如果第二个参数不传，则是获取当前名称的模块

	var my=angular.module('myApp',["headApp"]);

	my.controller("Content",["$scope",function($scope){

		$scope.Text="this is a test page";

	}]);

	//不同module有相同的controller时的调用方式

	//如果当前模块和依赖具有相同的controller,则会调用当前模块的controller。

	//当前模块没有此controller时，才会调用依赖模块中的controller

	//可以对下面的controller代码进行注释(或去掉注释)，看页面的效果

	// my.controller("User",["$scope",function($scope){

	// 	$scope.UserName="admin123";

	// 	$scope.LoginTime="2015-7-25";

	// }]);

</script>

　　

猛戳代码测试地址

angularjs——module的更多相关文章

  1. AngularJS -- Module (模块)

    点击查看AngularJS系列目录 转载请注明出处:http://www.cnblogs.com/leosx/ 什么是AngularJS的模块 我们所说的模块,是你的AngularJS应用程序的一个组 ...

  2. Angularjs Module类的介绍及模块化依赖

    后面的学习我们会遵循一个控制器管理一个视图,一个路由对应一个视图的单一原则,所以再不会将controller控制器代码直接写到 index.html 中. 我们会应用到angular.js中强大的模块 ...

  3. AngularJS-01.AngularJS,Module,Controller,scope

    1.AngularJS 一个构建动态Web应用程序的结构化框架. 基于JavaScript的MVC框架.(  MVC ---- Model(模型).View(视图).Controller(控制器) ) ...

  4. angularJS module里的'服务'

    首先,为了举栗子,先写好如下的模型,控制器,html: html: <!DOCTYPE html> <html ng-app="serviceApp"> & ...

  5. AngularJS 30分钟快速入门【译】

    引用自:http://www.revillweb.com/tutorials/angularjs-in-30-minutes-angularjs-tutorial/,翻译如下: 简介 我三年前开始使用 ...

  6. Integrating AngularJS with RequireJS

    Integrating AngularJS with RequireJS When I first started developing with AngularJS keeping my contr ...

  7. 4.了解AngularJS模块和依赖注入

    1.模块和依赖注入概述 1.了解模块 AngularJS模块是一种容器,把代码隔离并组织成简洁,整齐,可复用的块. 模块本身不提供直接的功能:包含其他提供功能的对象的实例:控制器,过滤器,服务,动画 ...

  8. Make AngularJS $http service behave like jQuery.ajax()(转)

    There is much confusion among newcomers to AngularJS as to why the $http service shorthand functions ...

  9. AngularJS基础总结

    w3shools    angularjs教程  wiki   <AngularJS权威教程> Introduction AngularJS is a JavaScript framewo ...

随机推荐

  1. iOS开发网络篇—网络请求（HTTP协议）小结

    iOS开发网络篇—网络请求(HTTP协议)小结 iOS开发网络篇—网络请求(HTTP协议)小结 1. 聊一下HTTP协议(协议的完整的通信过程) 2.通信过程 1> 请求 * 客户端 --> ...

  2. NMAP扫描UDP123NTP端口详解

    我用的nmap版本:Zenmap 6.25 例如命令: nmap -sU -pU:123 -Pn -n --script=ntp-monlist IP 如果要批量进行,可以把IP存放在ip.txt可以 ...

  3. 转：堆(heap)和栈(stack)有什么区别??

    简单的可以理解为: heap:是由malloc之类函数分配的空间所在地.地址是由低向高增长的. stack:是自动分配变量,以及函数调用的时候所使用的一些空间.地址是由高向低减少的. 预备知识—程序的 ...

  4. USB的逻辑值和用途值有什么区别?

    用途最小值,用途最大值.逻辑最小值,逻辑最大值分别是什么意思?如题: code uint8 ReportDescriptor[]= { //每行开始的第一字节为该条目的前缀,前缀的格式为: //D7~ ...

  5. 【HDOJ】1315 Basic

    这道题目巨坑啊,注意__int64,int wa了一个下午. #include <cstdio> #include <cstring> #include <cstdlib ...

  6. COJ 0138 NOIP201108计算系数

    NOIP201108计算系数 难度级别:A: 运行时间限制:1000ms: 运行空间限制:51200KB: 代码长度限制:2000000B 试题描述 给定一个多项式(ax + by)^k,请求出多项式 ...

  7. crossdomain.xml跨越

    crossdomain.xml是adobe搞的,为了让flash跨域访问文件. 该配置文件放于服务器端的根目录下面.来设置让哪些域名下面的swf文件能够访问我服务器上的内容. 比如:我的服务器上有个图 ...

  8. HDU-1428（记忆化搜索）

    Problem Description LL 最近沉迷于AC不能自拔,每天寝室.机房两点一线.由于长时间坐在电脑边,缺乏运动.他决定充分利用每次从寝室到机房的时间,在校园里散散步.整个HDU 校园呈方 ...

  9. 判断IE版本的HTML语句详解<!--[if IE]> <![endif]--> - AnswerCard

    一个页面里面只能有一句这样的判断 我们常常会在网页的HTML里面看到形如[if lte IE 9]……[endif]的代码,表示的是限定某些浏览器版本才能执行的语句,那么这些判断语句的规则是什么呢?请 ...

  10. TCP/IP具体解释--三次握手和四次握手 Dos攻击

    TCP连接的状态图 TCP建立连接的三次握手过程,以及关闭连接的四次握手过程 贴一个telnet建立连接,断开连接的使用wireshark捕获的packet截图. 1.建立连接协议(三次握手) (1) ...