angularJS 里的$watch的用法

$watch 方法在用的时候主要是手动的监听一个对象，但对象发生变化时触发某个事件。

需要被检测的对象,可以是以下任意一种:

1某个数据,监测这个数据的值是否发生变化；

2一条angular表达式,监测表达式的结果是否发生变化；

3函数(),监测函数的返回值是否发生变化；

注意:以上都是字符串格式,并且都是在 $scope 作用域下执行的。

监听到变化时执行的函数。

1newValue: watchObj的新的值；

2oldValue: watchObj的旧的值；

3scope: 就是当前控制器的 $scope ；

注意:函数或者表达式不是在 $scope 作用域下执行的,所以,如果是需要调用当前作用域下的某个函数,应该是 scopewatchCallback

布尔值，是否深度监听。

ifDeep值设置为true, 那么angular会检测被监控对象的每个属性是否发生了变化。

1$watch 单一的变量

2$watch 多个变量

3$watch对象或数组

4$watch 函数的返回结果

1 $observe 是angular指令中link函数第三个参数 ( attrs ) 的一个方法 只能在指令的link函数中使用它 它是通过 $evalAsync 函数实现监控的。

2 $watchGroup 是用来监听一组表达式。数组中任意表达式的变化都会触发监听函数。

3 $watchCollection 用来监听一个对象（包括数组）， 当这个对象的任意属性发生变化时，触发监听函数。和 $watch 一样，第一次参数可以是一个返回一个对象的函数。

4 $observe, $watch, $watchGroup, $watchCollection 都返回一个移除监听的函数。当需要取消监听的时候，直接调用。

1 $parse,$eval 这两个函数都可以解析表达式的值。它们的区别在于 $parse 是一个服务，可以注入使用。 $eval 是 $scope 对象上的一个方法，我们只能在能访问 $scope 的场景下使用它。

2 $evalAsync 和 $eval 一样用来解析表达式的值。但它并不会立刻计算表达式的值，而是将表达式缓存起来，等到下一次 $digest （脏检查 ）的时候执行。以获取更好的性能。

在VueJs中，所有的从后台获取到的数据是方法data属性中，所有的函数方法是放在methods属性中，这个和Angular是不一样的，Angular通过$scope这个服务可以同时定义变量和方法。

Function类型函数实际上是对象，每个函数实际上都是 Function 类型的实例。而且与其他引用类型一样具有属性和方法。函数名实际上是一个指向内存堆中某个函数对象的指针。

定义函数的方式

生成一个新的项目 --routing会为我们生成路由相关的模块

路由相关的对象：

routes 路由的配置，保存了哪个url对应展示哪个对象，以及在哪个 routerOutlet 中展示。

routeOutlet 占位符指令，在html中标记路由呈现的位置。

router 负责在运行时执行路由的对象。

navigate()

navigateByUrl()

通过这两个方法来导航到一个指定的路由

routerLink 指令，用于在html中声名路由导航，可以传递参数，参数是一个数组类型。

ActivatedRoute 当前激活的路由对象 保存着路由信息，如地址，参数等

路由参数传递：

1在查询参数中传递 queryParams

效果 >

本文介绍了

在用户使用应用程序时，Angular 的 路由器 能让用户从一个 视图 导航到另一个视图。但是当你想要获取url里面的一些值呢？下面是几个方法获取Route对象。

得在指令里重新补上data属性。

指令渲染出来后会被加上Angular2特有的前缀，所以得在指令里重新补上data属性。用Onchanges生命钩子监听data的变化，有变动时，更新值。注意：传给该指令的值不能是对象，onchanges无法监听对象内部属性的变化。

呈现一个实体对象的DOM结构，这个DOM有个自定义属性是需要动态赋值的。

angularforEach(data, function(value, index){

valuename = "something you like to put here";

});

可以引入lodash库，使用_map方法，我在项目中常使用，各种数据 *** 作，十分方便。必须吐槽下后台人员给的api规范点友好点，大家不都好吗。

以上就是关于angularJS 里的$watch的用法全部的内容，包括:angularJS 里的$watch的用法、4.methods属性：函数方法、Angular路由及参数传递等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/9746737.html