angular学习笔记-数据绑定
2017-05-18 09:56
295 查看
angular数据绑定的方式有ng-model、ng-bind和{{attr}}三种方式
ng-model主要用来进行双向数据绑定,不管是作用域的数据发生变化还是输入的数据发生变化都能马上反应到绑定的标签上
ng-bind和{{attr}}都是用来数据显示的,但他们还是有一定区别的,比如当你页面刷新很快的时候可能就会出现一下的情况
<div>{{name}},你好</div>
这样显示对于用户来说是很困惑的,这时候ng-bind就起作用了,当页面刷新很快的时候只会出现
<div ng-bind="name">,你好</div>
这样的显示相对上面来说要更好
ng-model主要用来进行双向数据绑定,不管是作用域的数据发生变化还是输入的数据发生变化都能马上反应到绑定的标签上
ng-bind和{{attr}}都是用来数据显示的,但他们还是有一定区别的,比如当你页面刷新很快的时候可能就会出现一下的情况
<div>{{name}},你好</div>
这样显示对于用户来说是很困惑的,这时候ng-bind就起作用了,当页面刷新很快的时候只会出现
<div ng-bind="name">,你好</div>
这样的显示相对上面来说要更好
相关文章推荐
- angular数据绑定与监控(学习笔记)
- Angular学习笔记(十)之数据绑定
- angular学习的一些小笔记(中)之双向数据绑定
- Asp.Net 中Report Service (RDLC)动态绑定数据-学习笔记
- SilverLight学习笔记--泛型数据绑定
- WPF and Silverlight 学习笔记(二十):WPF数据绑定概述
- ASP.NET 3.5核心编程学习笔记(17):基于数据源的数据绑定
- Silverlight学习笔记第一季(2)Listbox横向绑定数据
- MyGeneration学习笔记(8) :dOOdad提供的数据绑定、特殊函数和事务处理
- MyGeneration学习笔记(8) :dOOdad提供的数据绑定、特殊函数和事务处理
- FLEX学习笔记----数据绑定
- WPF学习笔记(04) - 简单的控件和数据绑定
- [ASP.NET学习笔记之十四]ASP.NET 2.0 数据绑定
- WPF and Silverlight 学习笔记(二十):WPF数据绑定概述
- SilverLight学习笔记--Silverlight之数据绑定初探
- Asp.Net--DropDownList与DataTable数据绑定的方法(C#)[学习笔记]
- wpf学习笔记-数据绑定功能总结
- WPF and Silverlight 学习笔记(二十二):使用代码实现绑定、绑定数据的验证
- WPF and Silverlight 学习笔记(二十五):使用CollectionView实现对绑定数据的排序、筛选、分组
- WPF学习笔记<二>数据绑定