<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script type="text/javascript" src="../../jslib/angular.min-1.5.8.js"></script>

</head>

<body>

    <div ng-app="myApp" ng-controller="myCtrl">

        <h1>{{clock}}</h1>

    </div>

    <script type="text/javascript">

        var app = angular.module('myApp', []);

        app.controller('myCtrl', function($scope,$timeout) {

            var updateClock = function () {

                $scope.clock = new Date();

                $timeout(function () {

                    updateClock();

                },1000);

            };

            updateClock();

        });

    </script>

</body>

</html>
var app = angular.module('myApp', []);
使用angular.module创建模块，第一个参数是模块名，第二个参数是依赖的其他模块
如果只有一个参数，表示获取某个模块

app.controller
使用模块的controller方法，生成控制器，第一个参数是控制器名，第二个参数是控制器的具体代码，封装到了一个function中
												


											
AngularJs 特性 之 模块化的更多相关文章
	

    
								
  1. AngularJs学习笔记7——四大特性之模块化设计
		
    模块化设计 1.引用自定义模块并调用 自定义模块中,如果有一些服务.封装好笑模块,在另外一个模块中(声明的时候,在依赖列表中加入要引入的模块) var app02 = angular.module(' ...
    
		
    2. 
						
  2. 【AngularJS】—— 7 模块化
		
    AngularJS有几大特性,比如: 1 MVC 2 模块化 3 指令系统 4 双向数据绑定 那么本篇就来看看AngularJS的模块化. 首先先说一下为什么要实现模块化: 1 增加了模块的可重用性  ...
    
		
    3. 
						
  3. AngularJS特性
		
    如果你不熟悉什么是Angular.js的话,小编我强烈推荐你阅读 Javascript教程:AngularJS的五个超酷特性.简单来说Angular.js是google开发者设计和开发的一套前端开发框 ...
    
		
    4. 
						
  4. angularjs MVC、模块化、依赖注入详解
		
    一.MVC <!doctype html> <html ng-app> <head> <meta charset="utf-8">  ...
    
		
    5. 
						
  5. AngularJS 特性—SinglePage、template、Controller
		
    单页Web应用(SinglePage) 顾名思义,只使用一个页面的Web应用程序.单页面应用是指用户通过浏览器加载独立的HTML页面,Ajax加载数据页面无刷新,实现操作各种操作. 模板(templa ...
    
		
    6. 
						
  6. angularJs中的模块化操作
		
    一.全局的写法 有可能会跟其他程序有冲突 <!DOCTYPE HTML> <html ng-app="myApp"> <head> <me ...
    
		
    7. 
						
  7. AngularJs 特性 之 双向数据绑定
		
    <!DOCTYPE html> <html lang="en" ng-app> <head> <meta charset="UT ...
    
		
    8. 
						
  8. AngularJs 特性 之 指令系统
		
    <!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="utf- ...
    
		
    9. 
						
  9. AngularJs 特性 之 MVC
		
    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script sr ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 【BZOJ4650】[NOI2016] 优秀的拆分（后缀数组）
			
    点此看题面 大致题意: 定义将一个字符串拆成\(AABB\)的形式为优秀拆分,求一个字符串所有子串的优秀拆分个数. 后缀数组 这题可是一道后缀数组黑题啊. 其实看完题解这题还是挺简单的. 大致思路 显 ...
    
			
    2. 
						
  2. 初学HBase的几个问题
			
    转自 http://itindex.net/detail/50571-hbase-%E9%97%AE%E9%A2%98 本文主要针对对HBase不了解的人.主要想基于个人的理解回答以下几个问题: 什么 ...
    
			
    3. 
						
  3. DOM4j-中文API
			
    1.DOM4J简介       DOM4J是 dom4j.org 出品的一个开源 XML 解析包.DOM4J应用于 Java 平台,采用了 Java 集合框架并完全支持 DOM,SAX 和 JAXP. ...
    
			
    4. 
						
  4. GVIM——简直美如画，有没有！
			
    "========================================== " Author: wklken " Version: 9.1 " Em ...
    
			
    5. 
						
  5. SpingBoot之配置文件的值注入问题
			
    我们在这里研究的是以yml配置文件值注入的问题: Person: lastName: 张三 age: 23 boss: false birth: 2018-10-11 maps: {k1: v1,k2 ...
    
			
    6. 
						
  6. 重载&重写
			
    重载:同一个类中,方法名相同,方法参数不同(参数个数.参数类型),返回类型无关,所以返回类型不能作为重载的区别依据. 重写:子父类中,子类的方法名.参数位置.参数个数.返回类型和父类一致,方法体不同  ...
    
			
    7. 
						
  7. Linux企业生产环境用户权限集中管理项目方案案例
			
    企业生产环境用户权限集中管理项目方案案例: 1 问题现状 当前我们公司里服务器上百台,各个服务器上的管理人员很多(开发+运维+架构+DBA+产品+市场),在大家登录使用Linux服务器时,不同职能的员 ...
    
			
    8. 
						
  8. java util - 中文、繁体转成拼音工具pinyin4j
			
    需要 pinyin4j-2.5.0.jar 包 代码例子 package cn.java.pinyin4j; import net.sourceforge.pinyin4j.PinyinHelper; ...
    
			
    9. 
						
  9. Android广告页循环播放
			
    摘要:项目要求做一个广告页,实现几秒更换一次广告页,下方还有指示第几张广告页,同样也支持手动左滑或右滑. 1.准备好粘贴5个有关广告页的类. ①BaseViewPager==>自定义高度的Vie ...
    
			
    10. 
						
  10. ERROR L105: PUBLIC REFERS TO IGNORED SEGMENT 的解决办法
			
    今天接着写一个单片机程序,出现这个问题,我仔细查看每一句语句,发现逻辑上没有错误,但就是出现这个问题,不能生成目标文件: *** ERROR L107: ADDRESS SPACE OVERFLOW  ...
    
			
    11.