2.1 AngularJS双向数据绑定

数据绑定是AngularJS框架在视图（DOM元素）与作用域之间建立的数据同步机制。所谓“双向”，是指界面的操作能够实时同步到作用域中，作用域中的数据修改也能够实时回显到界面中。

作用域可以被视为一个容器，里面有一些基于key-value的数据。假如在视图中有两个输入框，输入框的name属性分别为uname和pword，如图2.1所示。为了和表单元素建立数据绑定，AngularJS会在作用域中添加两个对应的属性，假如名称也为uname和pword。当用户输入内容发生变化时，AngularJS框架就把表单内容同步到作用域中对应的变量中，而当我们改变作用域中的变量值时，AngularJS又会把修改后的变量值同步到表单中，这就是AngularJS的双向数据绑定。

图2.1 AngularJS双向数据绑定图解