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. Python文件处理之文件打开方式（一）

    Python中打开一个文件是同过open函数来打开的,并返回一个文件对象,以下为open函数的参数: open(name[, mode[buf]]) name:文件路径 mode:打开方式 buf:缓 ...

  2. ARM汇编指令（未完待续）

    ARM指令自己在看的时候,看完之后就忘了,根本记不住,而且有些ARM汇编指令在平常的时候可能根本就用不到,所以也没必要把所有的ARM指令都去记忆,所以自己就想着不去一遍一遍的复习ARM指令,而是在平常 ...

  3. 网站注册信息的JS全码

    <div class="box_index2">                <div class="login_title">    ...

  4. 深入理解C#：编程技巧总结（二）

    原创文章,转载请注明出处! 以下总结参阅了:MSDN文档.<C#高级编程>.<C#本质论>.前辈们的博客等资料,如有不正确的地方,请帮忙及时指出!以免误导! 在上一篇 深入理解 ...

  5. mysql优化 - mysql 的 hint

    FORCE INDEX 强制索引 只使用建立在field1上的索引,而不使用其它字段上的索引. SELECT * FROM table1 FORCE INDEX (field1) IGNORE IND ...

  6. APKTool用法

    APKTool是GOOGLE提供的APK编译工具,需要JAVA运行环境,推荐使用JDK1.6或者JDK1.7. 如果你想对APK文件进行修改,那么就不可避免的要使用到APKTool.论坛里有很多关于R ...

  7. $ npm install opencv ？ 你试试？！ 在windows环境下，使用node.js调用opencv攻略

    博主之前写过一篇文章<html5与EmguCV前后端实现——人脸识别篇>,叙述的是opencv和C#的故事.最近在公司服务器上更新了一套nodejs环境,早就听闻npm上有opencv模块 ...

  8. 利用dbms_backup_restore恢复数据库

    测试环境:OEL+11.2.0.1 实例名:orcl2 DBID:1336959433 场景:Oracle数据库的存储坏了,数据文件和控制文件全部丢失,只有数据文件的备份集,且备份集中无控制文件.(当 ...

  9. Android把图片保存到SQLite中

    1.bitmap保存到SQLite 中 数据格式:Blob db.execSQL("Create table " + TABLE_NAME + "( _id INTEGE ...

  10. 广州Uber优步司机奖励政策（12月28日到1月3日）

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...