发表于： 2017-01-18 01:51:07
1 1296
今天完成的事情：看了关于angual的自建服务，$watch,过滤器
明天计划的事情：继续看小猫杯的教程，把指令这个大头看完
收获：
什么是$scope
$scope 是一个指向应用model的object，也是表达式的执行上下文
$scope被放置于一个类似应用的DOM结构的层次结构中
$watch(watchExpression, listener, objectEquality);
每个参数的说明如下：
- watchExpression：监听的对象，它可以是一个angular表达式如'name',或函数如function(){return $scope.name}。
- listener:当watchExpression变化时会被调用的函数或者表达式,它接收3个参数：newValue(新值), oldValue(旧值是一个对象), scope(作用域的引用)
objectEquality：是否深度监听，如果设置为true,它告诉Angular检查所监控的对象中每一个属性的变化. 如果你希望监控数组的个别元素或者对象的属性而不是一个普通的值, 那么你应该使用它
$watch 可以监视一个变量，当变量变的时候，可以触发
$scope.name = "张三";
$scope.count = 0;
$scope.data={
name:'',
age:''
}
$scope.$watch('name', function (newValue, oldValue) {
$scope.count++;
if($scope.count>30){
$scope.name="次数已经大于30次了"
}
})
$scope.$watch('data.name') //这样就会监视data.name
$scope.$watch('data',function (newValue,oldValue) {
},true) //这样是监视整个data里的内容，如果不加true的话，只会监视data对象，不会监视里面的内容，如data对象变成数组，
自定义一个服务angular.module('myApp').factory('服务名'，['需要注入的内容','需要注入的内容 '，function('需要注入的内容,需要注入的内容'){
return{
xxxx:function(){
},
xxxx:function(){
},
}
}])
返回列表
评论