首页 > Web开发 > 详细

AngularJS:数据绑定

时间:2015-11-15 06:14:59      阅读:609      评论:0      收藏:0      [点我收藏+]

MVC模式:Model View Control

  Model:项目中数据逻辑的部分

  Control:向M读取/发送数据,向VIEW发送/接收数据,处理M和V的交互

  View:处理数据的显示

 

AngularJs采用MVC设计模式.这里的数据绑定就是指:M<->V建立绑定关系,M更新时,V随之更新,V更新时,M随之更新。

在这里V表示HTML代码,M就是实际的数据,他们是通过C进行交互的。而C就是AngularJS中的controller。

Controller相关这里不具阐述。当然上述工作是由框架来完成的。

Controller  <->$Scope<-> html

Controller 通过 $Scope 实现对html的数据绑定.

在Controller中 $Scope.dst = ‘111‘,在Html中 {{ dst }} 可以访问M的数据dst,这里只是单向绑定关系,v中只能读取Dst的值,而不能修改。。

如需要修改则需要使用ng-model来实现双向绑定关系。在表单中如input type=‘text....‘ 指定ng-model=‘dst‘,则用户输入的值,会直接写到m的对应数据中。

这就是angularJS的数据绑定。

AngularJS:数据绑定

原文:http://www.cnblogs.com/leon7416/p/4966073.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!