angularjs中的$scope参数
来源:互联网 发布:交换机端口控制器 编辑:程序博客网 时间:2024/05/21 11:30
scope是一个指向应用model的object,也是表达式的执行上下文。
scope被放置于一个类似应用的DOM结构的层次结构中。
angular是怎么知道变量发生了改变
1、能通过固定的接口才能改变变量的值,比如说只能通过set()设置变量的值,set被调用时比较一下就知道了。这种方法的缺点是写法繁琐。
2、脏检查,将原对象复制一份快照,在某个时间,比较现在对象与快照的值,如果不一样就表明发生变化,这个策略要保留两份变量,而且要遍历对象,比较每个属性,这样会有一定性能问题。
手动触发脏检查
$apply 仅仅只是进入angular context,然后通过$digest去触发脏检查
$apply 如果不给参数的话,会检查$scope里的所有监听的数据
$digest()所属的scope和其所有子scope的脏检查,脏检查又会触发$watch,整个Angular双向绑定机制就活了起来~
不建议直接调用$digest(),而应该使用$apple(),$apply其实不能吧信息直接送给$digest,之间还有$eval门卫把关,如果$apply带的表达式不合法,$eval会把错误送交$exceptionHandler,合法才出发digest,所有更安全。
$swtch方法:
实例:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div ng-app> <div ng-controller="firstController"> <input type="text" ng-model="name"> 改变次数:{{count}}---{{name}} </div> </div> <script type="text/javascript" src="../vendor/angular/angularjs.js"></script> <script type="text/javascript" src="./app/index.js"></script></body></html>
实现类:index.js
var firstController = function ($scope) { $scope.name = '张三'; $scope.data = { name : '李四', count : 20 } $scope.count = 0; //监听一个model 当一个model每次改变的时候都会触发这个函数 $scope.$watch('name', function (newValue, oldValue) { $scope.count++; if($scope.count > 30){ $scope.name = '大于30次了'; } }) //第三个参数为真表示,只要这个对象中有一个变化,就触发watch函数 $scope.$watch('data', function (newValue, oldValue) { }, true)}
效果图:
阅读全文
0 0
- angularjs中的$scope参数
- AngularJS 中的scope($scope)
- 浅析AngularJS中的$scope.$apply
- AngularJs中的作用域Scope
- angularjs中的视图和scope
- angularjs中的$scope和$rootScope
- SpringAnnotation 中的Scope参数
- angularJS<五、$scope中的$apply和$digest>
- 关于angularjs的指令中的scope
- 动手验证<<深入理解angularjs中的scope>>
- AngularJS 中的Scope(作用域)
- AngularJS scope
- AngularJs--Scope
- AngularJS: $scope
- Angularjs中scope与$scope
- angularjs指令link函数参数scope,指令controller依赖注入的$scope,与指令外部controller的$scope的关系
- oracle设置初始化参数中的scope子句
- 有关oracle数据库中的scope参数
- Python 0/1背包、动态规划
- JVM工作原理
- Linux system 7
- 欢迎使用CSDN-markdown编辑器
- 基于Redis实现分布式锁
- angularjs中的$scope参数
- 17合并两个有序链表PYTHON
- 日记—10.8
- 素描svm
- 三、完善内核功能:添加字符、字符串、整数打印功能
- ASCII码排序
- 尝试自己造一个上下拉刷新控件
- wordpress与xampp来搭建,建站环境
- SPI与I2C(待补充)