angularjs模型

对于mvc的模型视图控制器中moel层，在angularjs中使用的是ng-model指令。

ng-model指令
1、ng-model指令用于绑定应用程序数据到html控制器（input，select，textarea）的值。 （实现的是在应用程序设置变量的值，然后绑定到html控制器中）。
2、ng-model指令可以将输入域的值与angularjs创建的变量绑定。 （主要能够实现双向绑定，下面我们会介绍，双向绑定，这也是angularjs中的一个特点）。
例如：

<div ng-app="myApp">
	<div ng-controller="myCtrl">
		<input type="text" ng-model="name">
	</div>
</div>
<script type="text/javascript">
var app = angular.module("myApp",[]);
app.controller("myCtrl",["$scope",myCtrl]);
function myCtrl($scope){
	$scope.name = "zhang";
}
</script>

在浏览器上输出的结果如下图：

从上面的代码中可以看出在angularjs中是将 $scope.name = "zhang";的值绑定到了input中。其中实现这一功能的主要就是ng-model，这个指令用于绑定应用程序数据到html控制器（input，select，textarea）的值。
双向绑定
与上面的实例介绍的有所不同，上面的实例只是应用程序中变量的值会绑定到html控制器input中，但是input中的值并不会改变应用程序中变量的值，这样不友好，所以在angularjs中就诞生了双向绑定，即应用程序中变量的值能绑定到html控制器input中，input中的值也能改变应用程序中变量的值，具体操作我们看看以下实例。
例如：

<div ng-app="myApp">
	<div ng-controller="myCtrl">
		姓名:<input type="text" ng-model="name"><br>
		<h4>{{name}}</h4>
	</div>
</div>
<script type="text/javascript">
var app = angular.module("myApp",[]);
app.controller("myCtrl",["$scope",myCtrl]);
function myCtrl($scope){
	$scope.name = "zhang";
}
</script>

运行上面代码结果如下图所示：

当我们该变input框中的值时，下面的值也会相应的跟着改变。
如有理解不当之处，欢迎各位老铁留言指正。谢谢！！！！