全面解析Angular中$Apply()及$Digest()的区别

遛狗的代码 遛狗的代码 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 700+累计阅读 748平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄11年
关注
转载 最新推荐文章于 2026-07-31 14:55:22 发布 748 阅读 AI 写同款· GEO 优化 ›
AngularJS Digest 过程解析 本文结合相关资料剖析Angular中的Digest过程。 一、Digest 基本概念和原理 Digest过程是Angular实现双向数据绑定的基础。由于对scope对象的改动需要及时反映的到HTML元素的属性上，Angular要不时地检查每个scope变量的变化，这个检查过程就是Digest（翻译中文为’消化‘，顾名思义，消化掉新的改变）。该过程由scope对象的$digest方法完成，通常不 阅读详情

使用 $apply()的情况如下：

•通常可以依赖于Angular提供的可用于视图中的任意指令来调用 $apply() 。所有 ng-[event]指令（比如 ng-click 、 ng-keypress ）都会调用 $apply() 。

•此外还可以依赖于一系列Angular内置的服务来调用 $digest() 。比如 $http 服务会在XHR请求完成并触发更新返回值（promise）之后调用 $apply() 。

•无论何时我们手动处理事件，使用第三方框架（比如jQuery、Facebook API） ，或者调用setTimeout() ，都可以使用 $apply() 函数让Angular返回 $digest 循环。

原网址:http://www.jb51.net/article/89824.htm

收录于
Web前端

当前文章被收录于：

Web前端
30 篇文章 0 人学习
订阅专栏 查看详情
AngularJS

当前文章被收录于：

AngularJS
3 篇文章 0 人学习
订阅专栏 查看详情
Angularjs中的$apply及优化使用详解 前言 对于一个在前端属于纯新手的我来说，Javascript都还是一知半解，要想直接上手angular JS，遇到的阻力还真是不少。不过我相信，只要下功夫，即使是反人类的设计也不是什么大的问题。 今天，我们要聊得是Angularjs中的小明星$apply。当我们数据更新了，但是view层却没反应时，总能听到有人说，用apply吧，然后，懵懂无知的我们，在赋值代码后面加了$scope.$apply() ,然后就惊喜的发现。噢，真的更新了。 然而，有些时候，编译器会无情的给你返回 Error: $digest already in progress 那么，导致这些现象的原因时什么的呢？$a 立即下载

相关推荐

人大金仓集群部署(主备)

4.2 上传安装包镜像和授权文件到install目录下并授权。1、复制系统脚本到/opt/kingbase目录下(主节点)4.2 修改cluster_install.sh。回车进行下一步，直到出现以下界面，回复Y键回车。三、安装kingbase客户端段(都要安装)install目录作为安装包具体存放目录。4.1 修改install.conf文件。2、复制授权文件到安装目录下(主节点)3、修改ssh参数(节点都要配置)5、安装kingbase客户端。二、基本环境配置(都要配置)6、数据库集群安装(主节点)

edutech_wang的博客 1996

Angular 学习笔记：$digest 实现原理

$watch 和 $digest $watch 和 $digest 是数据绑定中的核心概念：我们可以使用 $watch 在 scope 中绑定 watcher 用于监听 scope 中发生的变化，而 $digest 方法的执行即是遍历 scope 上绑定的所有 watcher，并执行相应的 watch（指定想要监控的对象） 和 liste...

weixin_33845477的博客 214

OrangePi Kunpeng Pro 安装 ROS2 + Gazebo

OrangePi Kunpeng Pro 的优点很明显，内置openEuler，配备PD电源，做到开箱即用；板子设计也不错，风扇噪音不大，散热良好，昇腾芯片又确保小板子的性能，接口丰富是这类板子共同的优点，也很好的继承了下来，甚至还可以外接固态，可靠性大大提升。使用起来，哪怕不用openEuler的话，也可以很方便的刷Ubuntu来实现一些需要依赖的开发工作，这次没有跑AI模型，所以对算力的优势还没有很明显的感受，下次可以试一下yolo跑跑看。

Arcan 1825

angular $apply方法

$apply  方法 作用： Scope 提供$apply 方法传播 Model 的变化 $apply  方法 使用情景 ： AngularJS 外部的控制器（DOM 事件、外部的回调函数如 jQuery UI 空间等）调用了 AngularJS 函数之后，必须调用$apply。在这种情况下，你需要命令 AngularJS 刷新自已（模型、视图等），$apply 就是用来做这件事情的

现在学习也不晚 1309

DS250DF410寄存器配置实战：从原理到调试的高速SerDes信号优化指南

在高速串行通信领域，SerDes（串行器/解串器）技术是实现芯片间高速数据传输的核心。其工作原理是通过时钟数据恢复（CDR）从串行数据流中提取时钟，并利用均衡技术补偿信道损耗。这项技术的核心价值在于突破PCB走线或电缆的带宽限制，确保在25Gbps及以上速率下数据的可靠传输。其应用场景广泛覆盖数据中心、高性能计算和通信设备中的高速背板、光模块及芯片互连。本文以TI的DS250DF410多通道重定时器为例，深入剖析其寄存器配置，特别是如何通过精细调控其自适应均衡器和眼图监测模块，实现对高速链路的信号整形与质量

aodiyi6351的博客 386

freeswitch之呼叫中心acd模块开发

一、定义： ACD(Automatic Call Distributor) 自动呼叫分配,也叫智能选择座席。它是呼叫中心整个前台接入系统逻辑功能的描述：把接入的呼叫转接到正确的座席员桌前。ACD是现代呼叫中心有别于一般的热线电话系统和自动应答系统的重要标志，其性能的优劣直接影响到呼叫中心的效率和顾客的满意度。 二、ACD包含的功能点： 1 、程控交换功能 ACD在本质上也是交换机的一种类型，必须具有程控交换最基本的话务交换功能。 2 、排队功能 ACD必须具有话务排队的功能，所谓排队是指在内线都

飞鸟的博客 1870

Angularjs的$apply及其优化使用

今天，我们要聊得是Angularjs中的小明星$apply。当我们数据更新了，但是view层却没反应时，总能听到有人说，用apply吧，然后，懵懂无知的我们，在赋值代码后面加了$scope.$apply(),然后就惊喜的发现。噢，真的更新了。 然而，有些时候，编译器会无情的给你返回 Error: $digest already in progress 那...

weixin_34082789的博客 278

小米手机Magisk解锁与Root完整指南：从Bootloader到模块管理

Android系统Root权限获取是设备深度定制的核心技术之一，其核心原理在于通过修改系统启动流程获取超级用户权限。Systemless Root技术通过动态挂载修改，在不触碰系统分区的前提下实现功能注入，既保证了系统完整性，又能绕过完整性检测。这一技术为设备带来了极高的可定制性，用户可以通过模块化方式增强系统功能、修改UI界面或启用隐藏特性。在小米手机生态中，由于官方提供了完整的Bootloader解锁通道，结合Magisk的无系统修改Root方案，使得安全可控的深度定制成为可能。本文聚焦于Bootloa

weixin_29164185的博客 335

理解Angular中的$digest()和$apply()

翻译自http://www.sitepoint.com/understanding-angulars-apply-digest/$digest()和$apply()是AngularJS中的两个核心并且有时候容易引人误解的部分。我们需要深入理解这两者是如何运作的，从而才能理解AngularJS本身是如何运作的。本文的目的就是为了和你解释，在你的日复一日使用AngularJS编写代码的过程中，$dige

Erichain 743

C++调用海康相机SDK采集图像(C++\QT Creator\openCV\线程\接口)

C++调用海康相机SDK采集图像(C++\QT Creator\openCV\线程\接口) 之前写了一篇关于C++调用海康相机SDK采集图像的文章，有很多人私下发送消息咨询了一些问题，由于工作繁忙，只答复了一部分问题，今天抽出时间从头梳理了一下大家提出的问题，把我能够回答的问题都解答一次。上一次的程序只是简单的实现了图像的采集，没有使用到线程，今天把程序重新做出调整，把线程和多态加进去。文章最后有项目的下载地址。 我使用的是QT Creator这个IDE，版本信息如下： 我把相机采集的图像转换为openC

大樱桃的博客 1万+

Android音频子系统分析-car_audio_configuration.xml

先附上一个例子，再逐一解释。概括来说，该文件描述了车里有哪些区域，每个区域划分了多少组，每个组包含了哪些设备，每个设备接收哪些类型的音频流。

不定时记录分享一些有用没用的东西 989

理解Angular中的$apply()和$digest()

$apply() 和 $digest() 是 AngularJS 中的两个核心概念，有时它们令人困惑。要理解 AngularJS 是如何工作的，需要完全理解 $apply() 和 $digest() 是如何工作的。本文的目的是解释 $apply() 和 $digest() 实际上是什么，以及如何在你的日常的 AngularJS 编程中应用它们。

man_tutu的博客 2934

Isaac Sim 入门教程（四）强化学习策略训练宇树人形机器人四足机器人示例

isaac_sim_policy_example Extension 是在 Isaac Sim 中部署 Isaac Lab 强化学习策略的一个框架和一组辅助函数。有关在 Isaac Sim 中训练和构建策略的详细信息，请访问在 Isaac Sim 中部署策略。该扩展程序默认已启用。如果被禁用，可在扩展管理器中搜索 isaacsim.robot.policy.example 重新启用。要运行下面的示例，请激活 “视窗”>“示例”>“机器人示例”，这将打开 “机器人示例 ”选项卡。

机器人控制与仿真应用 3930

AngularJS $apply, $digest, 和$evalAsync

一、AngularJS $apply, $digest, 和$evalAsync的比较 1.1 $apply() $apply()会触发整个应用中的所有scope上的$digset循环。意思就是，每次我们调用$apply()都会在整个应用的生命周期中开启一个新的$digset循环。整个生命周期涉及3个主要任务: 表达式使用$eval（）方法执行。 执行表达式时出现的任何异常都将转发给$exce...

书香水墨 574

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

VC中sqlite的使用

在VC中对sqlite的使用，实现数据库大批数据的快速插入，读取数据库中的数据在ListCtrl中显示

浅谈angular.js中实现双向绑定的方法$watch $digest $apply

Angular.js 中的特性,双向绑定. 多么神奇的功能,让视图的改变直接反应到数据中,数据的改变又实时的通知到视图,如何做到的? 这要归功于 scope 下面3个重要的方法: $watch $digest $apply 他们的区别是什么,我们来介绍下: $watch 这是一个监听...

138

温度PID控制PLC程序

温度PID稳定控制程序，适用于欧姆龙PLC，对其他PLC也具有很大参考价值

理解 Angular 中的 $digest() 和 $apply()

翻译自 http://www.sitepoint.com/understanding-angulars-apply-digest $digest()和$apply()是AngularJS中的两个核心并且有时候容易引人误解的部分。我们需要深入理解这两者是如何运作的，从而才能理解AngularJS本身是如何运作的。本文的目的就是为了和你解释，...

weixin_34399060的博客 90

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的，已经排好版了，而且还是完整的，适合小白

[AngularJS面面观] 4. scope中的$apply方法 - Digest Cycle的触发者

本文介绍scope对象中$apply方法的实现。关于$apply和$digest方法，就像是一枚硬币的两面，它们之间的区别和联系，在这篇译文中做出了解答，有兴趣的同学可以看看。当然，本文的重点还是在于该方法是如何实现的。下面言归正传，来看看相关源代码：$apply: function(expr) { try { beginPhase('$apply'); try {

不忘初心，好好沉淀 6981

[译]AngularJS $apply, $digest, 和$evalAsync的比较

原文:The differences between AngularJS $apply, $digest, and $evalAsync 译文：http://www.cnblogs.com/wancy86/p/ng-digset.html 你是不是也常在想AngularJS $apply, $digest, 和$evalAsync到底有什么差别？这个篇博客中我们将探讨一下这三个方法。 Angula...

weixin_30646315的博客 88

理解双向绑定

这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能，本篇分享的是： 【 理解双向绑定】 大家好，我是IT修真院北京分院第20期的学员王野，一枚正直纯洁善良的程序员 今天给大家分享一下，修真院官网JS任务4，深度思考中的知识点—— ANGULARJS双向绑定后，发生了什...

IT修真院：初学者转行到互联网的聚集地 1128

digest循环和$apply

让我们来看看Angular在后台是如何工作的。如何只使用几行代码就得到神奇的数据绑定？最重要的是理解$digest循环是如何工作的，以及如何使用$apply()方法。 在标准的浏览器流程中，当事件被触发时（比如点击一个链接）。浏览器会执行注册给该事件的回调函数。 页面加载、$http请求返回响应、鼠标移动以及按钮被点击等情况都会触发事件。 当事件被触发时，JavaScript就会创建一个事件

yinnannan的专栏 598

Angular 学习系列 - - 脏值检查及其相关

今天突然就想写写$digest和$apply，这些都是脏值检查的主体内容。 先以普通js来做一个简单的监控例子吧： vardiv=ducoment.getElementById("myDiv"); div.addEventListener("click",function(e...

199

AngularJS中的digest循环$apply

欢迎大家指导与讨论 : ） 　　前言 　　Angular会拓展这个标准的浏览器流程，创建一个Angular上下文。这个Angular上下文指的是运行在Angular事件循环内的特定代码，该Angular事件循环被称作为$digest循环。$digest循环有两个组成部分，分别是$watch列表和$evalAsync列表。 　　例如，当<input>标签绑定了$scope.na...

weixin_30823001的博客 70

angularjs双向绑定后，发生了什么事情？是什么可以让view层和controller层进行绑定的？

这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能，本篇分享的是： 【angularjs双向绑定后，发生了什么事情？是什么可以让view层和controller层进行绑定的？ 】 1.背景介绍 什么是双向绑定 双向数据绑定是 AngularJS 的核心机制之...

IT修真院：初学者转行到互联网的聚集地 437

angular 的数据双向绑定

Angular.js 中的特性,双向绑定. 多么神奇的功能,让视图的改变直接反应到数据中,数据的改变又实时的通知到视图,如何做到的? 这要归功于 scope 下面3个重要的方法: $watch $digest $apply 他们的区别是什么,我们来介绍下: $watch 这是一个监听 scope 上数据的监听器 方法说明: $scop

wy_Blog的博客 601

Angular数据双向绑定机制

数据的双向绑定 Angular实现了双向绑定机制。所谓的双向绑定，无非是从界面的操作能实时反映到数据，数据的变更能实时展现到界面。 一个最简单的示例就是这样： <div ng-controller="CounterCtrl"> <span ng-bind="counter"></span> <button ng-click="...

weixin_30466421的博客 84

angularjs $$phase

https://segmentfault.com/q/1010000000738004/a-1020000000738812 $$phase 是 angluar 内部使用的状态标志位，用于标识当前是否处于 digest 状态。 通常程序中不需要关心这个状态（两个 $ 打头更说明它是内部使用的)，如果你写出了需要关心这个状态的代码，比如这个 safeApply，那一定是哪里出了问题。 $diges...

weixin_34252090的博客 186
上一篇： webpack解决‘config unkown property postcss’
下一篇： 理解Angularjs的指令
点赞 0
评论 0
书签 书签 0
遛狗的代码
遛狗的代码
博客等级 码龄11年 10粉丝 52原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值