双向数据
利用angular把input框里面的值和h3的值绑定在一起。在input里输入内容，内容会在h3标签里显示出来。
具体效果请看下面代码：
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title></title> | |
| </head> | |
| <body ng-app="app"> | |
| <!--ng-controller控制器控制的就是angular应用程序的数据 常规的js对象 | |
| move函数是一个js函数 | |
| --> | |
| <div ng-controller="move"> | |
| <input type="text" ng-model="name"/> | |
| <h3>{{name}}</h3> | |
| </div> | |
| </body> | |
| <script type="text/javascript" src="js/angular.min.js" ></script> | |
| <script type="text/javascript"> | |
| var app = angular.module("app",[]); | |
| // 使用$scope来调用控制器 | |
| // $scope相当于作用域 控制范围 | |
| app.controller("move",function($scope){ | |
| $scope.name = "abcd" | |
| }) | |
| // mvc m:model 模型 即当前视图中可用的数据 | |
| // v:view 视图 即html | |
| // c:controller 控制 即js函数，可以添加和修改的属性 | |
| </script> | |
| </html> |