AngularJS双向数据绑定实例
2017-12-26 17:40
561 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AngularJS双向数据绑定</title>
<script type="text/javascript" src="../js/angular.min.js"></script>
</head>
<!--ng-app是angular编程入口，是模块作用域-->
<body ng-app>
<div>
<!--ng-model模型作用-->
<input type="text" name="name" ng-model="name"/>
</div>
<div>
<!--{{}}等价于ng-bind用于数据显示-->
hello,{{name}}
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 实例剖析AngularJS框架中数据的双向绑定运用
- AngularJS 实例（一）--数据双向绑定
- AngularJS 双向数据绑定详解简单实例
- 实例剖析AngularJS框架中数据的双向绑定运用
- angularjs的使用：$scope与双向数据绑定，自动注入（6）
- AngularJS入门心得2——何为双向数据绑定
- 双向数据绑定---AngularJS的基本原理学习
- angularjs中<div contenteditable="true">的双向数据绑定的demo
- Jquery实现数据双向绑定（赋值和取值），类似AngularJS
- 双向数据绑定---AngularJS的基本原理学习
- AngularJS（2）——AngularJS数据双向绑定
- Angularjs 学习笔记-2017-02-06-双向数据绑定
- AngularJs双向数据绑定原理
- angularjs中$http、$location、$watch及双向数据绑定学习实现简单登陆验证
- AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
- 深入学习AngularJS中数据的双向绑定机制
- angularJS 核心理念之 双向数据绑定
- （八）简单了解下angularJS框架中NB的双向数据绑定机制，大大减少需要重复的开发代码量
- Angularjs 数据双向绑定
- JS学习笔记——AngularJS 1.x双向数据绑定机制