首页 > 其他 > 详细

数据绑定

时间:2017-09-16 01:01:07      阅读:300      评论:0      收藏:0      [点我收藏+]

方向1(Model数据 绑定到View):

<div ng-controller="myCtrl">
<p>{{count}}</p>
<button ng-click="add()">点我</button>
</div>
<script>
var app = angular.module(‘myApp‘, [‘ng‘]);
app.controller(‘myCtrl‘, function ($scope) {
$scope.count=0;
$scope.add=function(){
$scope.count++;
}
})
相比DOM操作:先去查找元素,再去设置元素,只需要把model数据绑定视图上,数据改,视
图就会更新。

方向2的绑定(将View数据绑定到Model数据)
<div ng-controller="myCtrl">
<input type="text" ng-model="text">
<p>{{text}}</p>
</div>
<script>
var app = angular.module(‘myApp‘, [‘ng‘]);
app.controller(‘myCtrl‘, function ($scope) {
$scope.text=20;
})
首先是$scope方向1的绑定,绑定到view上,当在输入框输入时是对$scope中数据绑定,

实现方法只有一种方式: ng-model
<input type=‘text‘ ng-model=‘myText‘/>

$scope.$watch(‘模型变量名‘,function(){})



数据绑定

原文:http://www.cnblogs.com/liangfc/p/7529258.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!