<!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. 【洛谷2633】Count on a tree（树上主席树）
			
    点此看题面 大致题意: 给你一棵树,每次问你两点之间第\(k\)小的点权,强制在线. 主席树 这种题目强制在线一般就是数据结构了. 而看到区间第\(k\)小,很容易就能想到主席树. 至少不会有人想到树 ...
    
			
    2. 
						
  2. 2018.5.28 Oracle数据库补充
			
    select * from (select rownum rn,e2.* from (select e1.* from emp e1)e2 where rownum<=10)e3 where e ...
    
			
    3. 
						
  3. 2017.12.1 如何用java写出一个菱形图案
			
    上机课自己写的代码 两个图形原理都是一样的 1.一共有仨个循环 注意搞清楚每一层循环需要做的事情 2.第一层循环:是用来控制行数 3.第二层循环控制打印空格数 4.第三层循环是用来循环输出星星 imp ...
    
			
    4. 
						
  4. 19课 Vue第二节
			
    事件修饰符 stop 禁止冒泡once 单次事件prevent 阻止默认事件native 原生事件(组件)keycode|name 筛选按键   组合键 : @keydown.ctrl.enter s ...
    
			
    5. 
						
  5. AngularJs学习笔记-组件生命周期
			
    组件生命周期 (1)组件生命周期钩子 constructor:组件创建时被创建 ngOnChanges: 父组件修改或初始化子组件的输入属性时被调用,如果子组件没有输入属性,则永远不会被调用,它的首次 ...
    
			
    6. 
						
  6. CUDA：Supercomputing for the Masses (用于大量数据的超级计算)-第三节
			
    原文链接 第三节:错误处理和全局内存性能局限 恭喜!通过对CUDA(Compute Unified DeviceArchitecture,即计算统一设备架构的首字母缩写)系列文章第一节和第二节,您现在 ...
    
			
    7. 
						
  7. Java代码工具箱之控制台输出重定向_控制台输出到文件
			
    1. 情形:有时候控制台输出太多,在MyEclipse显示不全. 2. 说明:本代码只会重定向 system.out 的内容, error及其它不受代码影响.其它应该类似. //自定导入必要库 //然 ...
    
			
    8. 
						
  8. Spring+ ApplicationListener
			
    有时候 需要在容器初始化完成后,加载些 代码字典或不常变的信息  放入缓存之类的,这里使用spring 初始化bean,并实例化 1.创建一个ApplicationListener类 import o ...
    
			
    9. 
						
  9. 认识mysql(4)
			
    今日是MySQL的第四篇,难度会稍微加大,加油! 开始吧! 1.外键(foreign  key) 1.定义:让当前表字段的值在另一个表的范围内选择 2.语法: foreign key(参考字段名) r ...
    
			
    10. 
						
  10. pycharm 语言配置
			
    在pycharm 安装所在位置找到 lib 文件夹 打开后找到 rescources_**.jar 文件 **为语言类型,英语为en 中文为cn, 用相应语言文件替换,便可变成相应语言 https:/ ...
    
			
    11.