06-指令ng-model双向绑定
2017-07-24 12:20
363 查看
<!-- 双向绑定，在修改输入域的值时， AngularJS 属性的值也将修改-->
<!DOCTYPE html>
<html lang="en" ng-app="Double">
<head>
<meta charset="utf-8">
<script src="js/angular.js"></script>
<script type="text/javascript">
var app=angular.module('Double',[]);
app.controller('myCtrl',function($scope){
$scope.name="james";
})
</script>
</head>
<body ng-controller='myCtrl' >
<h1>你输入了{{name}}</h1><!--从$scope中取值-->
名字：<input ng-model="name"><!--用户输入的值赋给$scope.name这个变量，这个变量又影响着{{name}}-->
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- AngularJs 在ng-repeat中动态使用ng-model进行双向数据绑定（二）
- angularjs ng-model不能实现双向绑定
- 利用ng-model把前端获取的值和后台传过来的值进行双向绑定
- angularjs，ng-if导致input中ng-model双向绑定
- ng-model的作用及一般元素实现双向绑定
- vue.js使用v-model指令实现的数据双向绑定功能示例
- Angular2之入门之双向绑定时[(ngModel)]不能使用的问题
- 5-Vue指令之双向数据绑定 V-model
- 在Angular指令中使用NgModelController做数据绑定
- angularjs input ng-model 双向绑定无效的问题
- 解决angular双向绑定无效果,ng-model不能正常显示的问题
- angular2在双向数据绑定时[(ngModel)]无法使用的问题
- ng-model的数据绑定双向
- AngulaJS 中$watch()的应用以及ng-model实现数据双向绑定
- AngularJs 在ng-repeat中动态使用ng-model进行双向数据绑定
- 解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
- AngularJS ng-model 指令
- [AngularJS系列(3)] View-Model双向绑定背后的故事~
- angular指令心得（ng-model）
- Angularjs之ngModel中的值验证绑定方法