<!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. IOS UIActionSheet(底部 弹出框的使用)
			
    UIActionSheet *sheet = [[UIActionSheet alloc] initWithTitle:@"确定要注销?" delegate:self cancel ...
    
			
    2. 
						
  2. hdu1213-How Many Tables---基础并查集
			
    题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=1213 题目大意: 今天是Ignatius的生日,他邀请了许多朋友.现在是吃晚饭的时间,Ignatiu ...
    
			
    3. 
						
  3. 在Spark集群中，集群的节点个数、RDD分区个数、​cpu内核个数三者与并行度的关系
			
    梳理一下Spark中关于并发度涉及的几个概念File,Block,Split,Task,Partition,RDD以及节点数.Executor数.core数目的关系. 输入可能以多个文件的形式存储在H ...
    
			
    4. 
						
  4. 【洛谷3232】[HNOI2013] 游走（贪心+高斯消元）
			
    点此看题面 大致题意: 一个无向连通图,小\(Z\)从\(1\)号顶点出发,每次随机选择某条边走到下一个顶点,并将\(ans\)加上这条边的编号,走到\(N\)号顶点时结束.请你对边进行编号,使总分期 ...
    
			
    5. 
						
  5. PHP数组排序方法总结
			
    随着PHP的快速发展,用它的人越来越多,在PHP数组学习摘录部分了解到最基本的PHP数组的建立和数组元素的显示.需要深入学习下PHP数组的相关操作.首先接触的就是PHP数组排序.降序的排序问题. so ...
    
			
    6. 
						
  6. Java操作Redis工具类
			
    依赖 jar 包 <dependency> <groupId>redis.clients</groupId> <artifactId>jedis< ...
    
			
    7. 
						
  7. Luogu [P2708] 硬币翻转
			
    硬币翻转 题目详见:硬币翻转 这道题是一道简单的模拟(其实洛谷标签上说这道题是搜索???),我们只需要每一次从前往后找相同的硬币,直到找到不同的硬币n,然后将找到的前n-1个相同的硬币翻过来,每翻一次 ...
    
			
    8. 
						
  8. 安装CentOS6.9虚拟机
			
    安装CentOS6.9 之前在学习项目时,都是用的按键好的虚拟机.这次自己也尝试搭建一下.(虽然也是google的) 首先大部分过程都是参考https://blog.csdn.net/pengpeng ...
    
			
    9. 
						
  9. 自建ssr（谷歌云免费试用一年）
			
    近期我一个朋友的VPN到期了,他也不想再去续费,同时发现谷歌云第一年申请时是免费的,所以他就自己搭建了一个自己专属的VPN 以下是他的搭建教程:  本教程难点在于申请免费试用资格 谷歌云+ssr搭建免 ...
    
			
    10. 
						
  10. nodejs 实现图片上传
			
    1.首先在目录下的运行cmd,执行以下命令 npm install multer; 2.在router下新建upload.js let express = require('express');let ...
    
			
    11.