angularjs模型

对于mvc的模型视图控制器中moel层,在angularjs中使用的是ng-model指令。
ng-model指令
1、ng-model指令用于绑定应用程序数据到html控制器(input,select,textarea)的值。 (实现的是在应用程序设置变量的值,然后绑定到html控制器中)。
2、ng-model指令可以将输入域的值与angularjs创建的变量绑定。 (主要能够实现双向绑定,下面我们会介绍,双向绑定,这也是angularjs中的一个特点)。
例如:
在浏览器上输出的结果如下图:

从上面的代码中可以看出在angularjs中是将 $scope.name = "zhang";的值绑定到了input中。其中实现这一功能的主要就是ng-model,这个指令用于绑定应用程序数据到html控制器(input,select,textarea)的值。
双向绑定

与上面的实例介绍的有所不同,上面的实例只是应用程序中变量的值会绑定到html控制器input中,但是input中的值并不会改变应用程序中变量的值,这样不友好,所以在angularjs中就诞生了双向绑定,即应用程序中变量的值能绑定到html控制器input中,input中的值也能改变应用程序中变量的值,具体操作我们看看以下实例。
例如:
姓名:

{{name}}

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

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

你可能感兴趣的:(AngularJS学习笔记)