<!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. hdu-2066 一个人的旅行---模板题
			
    题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=2066 题目大意: 求到目标点集合中的最短距离 解题思路: dijkstra算法求出每个点到该点的最短 ...
    
			
    2. 
						
  2. python_48_Python3中字符编码与转码
			
    python3默认是Unicode,不用声明# -*- coding:utf-8 -*-,如果声明则是utf-8 unicode='你好' print('utf-8:',unicode.encode( ...
    
			
    3. 
						
  3. SQL 值得记住的点
			
    概要 记录在学习过程中,遇到的不懂且需要掌握的知识点.主要基于 MySQL.   汇总      replace 函数      删除重复      取子串 substr      项连接       ...
    
			
    4. 
						
  4. SummerVocation_Learning--java的String类方法总结
			
    壹: public char charAt(int index),返回字符串中第index个字符. public int length(), 返回字符串长度. public int indexOf(S ...
    
			
    5. 
						
  5. Scrapy分布式爬虫打造搜索引擎- (二)伯乐在线爬取所有文章
			
    二.伯乐在线爬取所有文章 1. 初始化文件目录 基础环境 python 3.6.5 JetBrains PyCharm 2018.1 mysql+navicat 为了便于日后的部署:我们开发使用了虚拟 ...
    
			
    6. 
						
  6. 工具之UltraEdit之正则表达式
			
    
			
    7. 
						
  7. FreeRTOS的学习路线
			
    背景 由于之前接触过一些嵌入式RTOS,如Keil-RTX,uCOS-II,也曾经关注过FreeRTOS,但一直没有机会采用FreeRTOS开发.目前FreeRTOS做为主流RTOS,风声正盛.作为嵌 ...
    
			
    8. 
						
  8. ubuntu18.04 and Linux mint 19安装virtualbox
			
    1.1  安装Virtualbox root@amarsoft-ZHAOYANG-K43c-:~# apt-get install virtualbox -y 1.2  显示Virtualbox桌面图 ...
    
			
    9. 
						
  9. JZOJ 5185. 【NOIP2017提高组模拟6.30】tty's sequence
			
    5185. [NOIP2017提高组模拟6.30]tty's sequence (Standard IO) Time Limits: 1000 ms  Memory Limits: 262144 KB ...
    
			
    10. 
						
  10. 精通SpringBoot--Spring事件 Application Event
			
    Spring的事件为Bean与Bean之间的通信提供了支持,当我们系统中某个Spring管理的Bean处理完某件事后,希望让其他Bean收到通知并作出相应的处理,这时可以让其他Bean监听当前这个Be ...
    
			
    11.