We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
0 parents commit 0240f0dCopy full SHA for 0240f0d
1 file changed
bind.markdown
@@ -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