Angular JS中的数据双向绑定

来源:互联网 发布:笔记本电脑怎么下软件 编辑:程序博客网 时间:2024/05/01 01:52

Angular JS采用MVC模式,视图(V,即屏幕所见内容)和模式(M,可以理解为后台的数据及操作过程)是相互独立的,双向数据绑定(bi-directional)意味着如果视图改变了某个值,数据模型会通过脏检查($digest)观察到这个变化,这导致数据模型发生改变,同样的,如果数据模型发生变化,视图会依据变化重新渲染。


下面是一个简单的例子:

<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><div ng-app=""><input type="text" ng-model="myInput" placeholder="name"/><p>Hello {{myInput}}</p></div></body></html>



0 0