AngularJS双向数据绑定

Posted 学亮编程手记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AngularJS双向数据绑定相关的知识,希望对你有一定的参考价值。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>AngularJS双向数据绑定</title>
 6         <script type="text/javascript" src="../js/angular.min.js"></script>
 7     </head>
 8     <!--ng-app是angular编程入口,是模块作用域-->
 9     <body ng-app>
10         <div>
11             <!--ng-model模型作用-->
12             <input type="text" name="name" ng-model="name"/>
13         </div>
14         <div>
15             <!--{{}}等价于ng-bind用于数据显示-->
16             hello,{{name}}
17         </div>
18     </body>
19 </html>

 

以上是关于AngularJS双向数据绑定的主要内容,如果未能解决你的问题,请参考以下文章

angularjs系列之双向绑定

Angularjs中不同类型的双向数据绑定

JS学习笔记——AngularJS 1.x双向数据绑定机制

JS学习笔记——AngularJS 1.x双向数据绑定机制

AngularJS数据双向绑定

双向数据绑定---AngularJS的基本原理学习