数据绑定这块儿没啥说的，简单两个例子带过了。

Hello World:

<!DOCTYPE html>

     <html ng-app>

     <head>

       <title>Simple app</title>

       <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js"></script>
     </head>


     <body>

       <input ng-model="name" type="text" placeholder="Your name">

       <h1>Hello {{ name }}</h1>

     </body>

     </html>

这就是有趣的双向数据绑定，AngularJS 会记录数据模型所包含的数据在任何特定时间点的值，而不是原始值。当他认为某个值可能发生变化时，
就会运行自己的事件循环来检查这个值是否变脏，如果该值从上次事件循环之后发生了变化，则该值被认为是脏值。这也是 Angular 可以跟踪和响应应用变化的方式。

数据模型对象：这里是指$scope。它的属性可以被视图访问，也可以同控制器交互。
数据绑定的最佳实践：
由于 JS 本身的特点，以及他在引用和传值时的不同处理方式，通常认为，，在视图中通过对象的属性而非对象本身来进行数据绑定，是 Angular的最佳实践。

一个简单的计时器：
<!doctype html>

<html ng-app>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js"></script>

</head>

<body>

         <div ng-controller="MyController">

           <h1>Hello {{ clock.now }}!</h1>

         </div>

<script type="text/javascript" src="js/app.js"></script>

</body>

</html>

//app.js

function MyController($scope) {

         $scope.clock = {

             now: new Date()

         };

         var updateClock = function() {

             $scope.clock.now = new Date()

         };

         setInterval(function() {

             $scope.$apply(updateClock);
　　　　　　},1000)
         updateClock();

     };

关于脏值检查相关请参考：
http://www.cnblogs.com/Slim-Shady/p/5217221.html








												


											
Angular 笔记系列（二）数据绑定的更多相关文章
	

    
								
  1. Angular 笔记系列（一）项目组织与命名规范
		
    其实使用 Angular.js 做项目已经很久了,也遇到过许多问题.其中很多问题的出现都是因为没有按照规范或者最佳实践来做,大部分原因是学的不够细,很多 tips 没 get 到,用到项目中就会出现各 ...
    
		
    2. 
						
  2. Python基础笔记系列二：分支和循环
		
    本系列教程供个人学习笔记使用,如果您要浏览可能需要其它编程语言基础(如C语言),why?因为我写得烂啊,只有我自己看得懂!! 分支:即是if-else和if-elif-else语句 循环:即是whil ...
    
		
    3. 
						
  3. JavaWeb前端基础复习笔记系列 二
		
    课程:孔浩前端视频教程(JavaScript系列:1~5讲) <html> <head> <title></title> <!--html只负责显 ...
    
		
    4. 
						
  4. 《ASP.NET Core In Action》读书笔记系列二 ASP.NET Core 能用于什么样的应用，什么时候选择ASP.NET Core
		
    ASP.NET Core 能用于什么样的应用 ASP.NET Core 可以用作传统的web服务.RESTful服务.远程过程调用(RPC)服务.微服务,这归功于它的跨平台支持和轻量级设计.如下图所示 ...
    
		
    5. 
						
  5. 框架SpringMVC笔记系列 二 传值
		
    主题:SpringMVC(第一节中再回顾复习一次) 学习资料参考网址: 1.http://www.icoolxue.com 2.http://haohaoxuexi.iteye.com/blog/13 ...
    
		
    6. 
						
  6. Java基础复习笔记系列 二
		
    1.Java中Static的相关用法总结?(静态方法:静态变量:静态代码块) public static void main(String args[])执行的关键,在于有static.有了stati ...
    
		
    7. 
						
  7. JNI 学习笔记系列(二)
		
    c中没有Boolean类型的值,一般是使用1表示true,0表示false,c中也没有String类型的数据,c中的字符串要通过char数组来表示.c中没有byte类型,一般用char表示byte类型 ...
    
		
    8. 
						
  8. Windows-universal-samples学习笔记系列二：Controls, layout, and text
		
    Controls, layout, and text AutoSuggestBox migration Clipboard Commanding Context menu Context menu ( ...
    
		
    9. 
						
  9. LeetCode 笔记系列二 Container With Most Water
		
    题目:Given n non-negative integers a1, a2, ..., an, where each represents a point at coordinate (i, ai ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Angular入门篇高速开发导航网
			
    简单介绍 AngularJS 是一个为动态WEB应用设计的结构框架,提供给大家一种新的开发应用方式.这样的方式能够让你扩展HTML的语法.以弥补在构建动态WEB应用时静态文本的不足.从而在web应用程 ...
    
			
    2. 
						
  2. C语言0长度数组（柔性数组）
			
    0长度数组,又称为柔性数组(flexible array).通经常使用来实现变长数组.常见于TLV(type-length-value)的数据结构中. 在标准 C 和 C++ 中,不同意用 0 长度数 ...
    
			
    3. 
						
  3. CSS之各种居中
			
    本博客讨论居中情况设定为 总宽度不定,内容宽度不定 的情况.(改变大小时,仍然居中). 特别说明:在元素设置 position:absolute; 来设置居中效果时,除去博客下介绍的css3方法外,还 ...
    
			
    4. 
						
  4. iOS 创建本地私有库 保存功能代码
			
    创建本地私有库 >>> cd /Users/cxx/Desktop/Mange_JJH/Lib >>> pod lib create TZTools >> ...
    
			
    5. 
						
  5. Spring中Adivisor和Aspect的差别（自我理解）
			
    在AOP中有几个概念: - 方/切 面(Aspect):一个关注点的模块化,这个关注点实现可能另外横切多个对象.事务管理是J2EE应用中一个非常好的横切关注点样例. 方面用Spring的Advisor ...
    
			
    6. 
						
  6. ionic触摸事件
			
    官方文档:http://ionicframework.com/docs/api/directive/onHold/ on-hold 长按事件on-tap 点击事件 on-double-tap  双击事 ...
    
			
    7. 
						
  7. UE4读取配置文件里面的key-value
			
    在MyProject/Config/DefaultGame.ini配置文件中添加 [RamaUDP]listenPort=2017PrintLog=false C++代码读取 int32 listen ...
    
			
    8. 
						
  8. cookie是什么，在什么地方会用到
			
    1.它是由服务器存储在硬盘上一的上小型txt文件 2..cookie也可以理解为缓存,方便下次浏览,推介等作用
    
			
    9. 
						
  9. 【黑金原创教程】【Modelsim】【第四章】激励文本就是仿真环境
			
      声明:本文为黑金动力社区(http://www.heijin.org)原创教程,如需转载请注明出处,谢谢! 黑金动力社区2013年原创教程连载计划: http://www.cnblogs.com/ ...
    
			
    10. 
						
  10. 如何使用iOS 开发证书 和 Profile 文件
			
    如果你想在 iOS 设备(iPhone/iPad/iTouch)上调试, 需要有 iOS 开发证书和 Profile 文件. 在你拿到这两个文件之后,该如何使用呢? 证书使用说明: 1.  iOS 开 ...
    
			
    11.