angular $observe() 和$watch的区别

1、$observe()是属性attributes的方法，只能在DOM属性的值发生变化时用，并且只用于directive内。

当需要监听一个包含变量的属性值时attr1="Name:{{name}}"，使用attrs.$observe('attr1', function(){...})

2、$watch可以监听expression表达式（函数function或者string字符串），如果是string字符的话会自动解析成函数function。

$watch是scope上的方法，可以在任何存在scope的地方使用:

controller--通过ng-view、ng-contrller、directive controller创建的任何controller

directive--link function

例如：attr1="myModel.some_prop"，

在controller中$scope.$watch("myModel.some_prop", function(){...})

在directive中scope.$watch(attrs.attr1, function(){...})或者scope.$watch(attrs['attr1'], function(){...})

如果使用attrs.$observe('attr1')，则只会获取到字符串myModel.some_prop

转载于:https://www.cnblogs.com/echo2016/p/5333478.html

angular $observe() 和$watch的区别相关推荐

Spring Cloud自定义Hystrix请求命令
在上篇文章中,我们介绍了断路器Hystrix的一个简单使用,主要是通过注解来实现断路器的功能的,不过对于Hystrix的使用,除了注解,我们也可以使用继承类的方式来实现,本文我们就来看看另一种Hyst ...
LiveData详解
先奉上LiveData官方文档地址: https://developer.android.com/topic/libraries/architecture/livedata LiveData是什么? ...
Android之MVVM简单例子
登录效果: 代码层级: 代码思路: 1.app gradle中启用dataBinding android {...dataBinding {enabled = true} } 2.写layout支持d ...
Spring Cloud自定义Hystrix请求命令 1
在上篇文章中,我们介绍了断路器Hystrix的一个简单使用,主要是通过注解来实现断路器的功能的,不过对于Hystrix的使用,除了注解,我们也可以使用继承类的方式来实现,本文我们就来看看另一种Hyst ...
Hystrix熔断器使用
Hystrix是Netflix开源的一款容错系统,能帮助使用者码出具备强大的容错能力和鲁棒性的程序.如果某程序或class要使用Hystrix,只需简单继承HystrixCommand/Hystrix ...
Rxjava响应式编程
一.Rxjava的思维 (1)响应式编程 (根据上一层的响应来影响下一层的变化) Rx全称:reactivex 链式编程:起点-需求1-需求2-......-终点 eg:登录操作: 触发登录按钮(起点 ...
0501 0503 模块区别_apollo介绍之planning模块(四)
吾尝终日而思矣不如须臾之所学也 - <劝学> Planning模块简介规划(planning)模块的作用是根据感知预测的结果,当前的车辆信息和路况规划出一条车辆能够行驶的轨迹,这个轨迹 ...
Java Persistence API中的FetchType LAZY和EAGER之间的区别？
我是Java Persistence API和Hibernate的新手. Java Persistence API中的FetchType.LAZY和FetchType.EAGER什么区别? #1楼我 ...
iOS 中KVC、KVO、NSNotification、delegate 总结及区别
iOS 中KVC.KVO.NSNotification.delegate 总结及区别 1.KVC,即是指 NSKeyValueCoding,一个非正式的Protocol,提供一种机制来间接访问对象的属 ...

angular $observe() 和$watch的区别

angular $observe() 和$watch的区别相关推荐

最新文章

热门文章