Skip to content

Commit 0240f0d

Browse files
committed
Binding.
0 parents  commit 0240f0d

1 file changed

Lines changed: 48 additions & 0 deletions

File tree

bind.markdown

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
# B 双向绑定
2+
3+
4+
## What
5+
6+
什么是数据双向绑定
7+
8+
双向绑定的两个端点是js对象和dom对象。双向是说
9+
1. js对象有改变的时候dom对象做相应的变化。
10+
例如我们一个person的name绑定到一个表单的input的value,当person的name变化后input的value也会改变。
11+
2. 当dom改变的时候js对象也会改变
12+
如上例中, input的value变化, 对应的person的名字也会改变。
13+
14+
15+
## How
16+
17+
如何绑定
18+
19+
_index.html_
20+
21+
```html
22+
<div ng-controller="TestCtrl">
23+
<form>
24+
<input ng-model="person.name"/>
25+
</form>
26+
</div>
27+
```
28+
29+
_controller.js_
30+
31+
```js
32+
myApp.controller('TestCtrl', function($scope) {
33+
$scope.person = {
34+
name: "Moby"
35+
};
36+
});
37+
```
38+
39+
[live demo](http://plnkr.co/LWdgteUr0jSsZNVqWNWX)
40+
41+
42+
### ng-model
43+
44+
数据和dom的双向绑定
45+
46+
### $scope
47+
48+
通过 $scope 把contrller内的数据暴露给view

0 commit comments

Comments
 (0)