Elgato_dark/angular
1
0
Fork 0
mirror of https://github.com/angular/angular synced 2026-05-24 09:28:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

docs: add general change detection overview (#45880)

Browse source 
Add a few paragraphs with introduction to how change detection works
referencing a video for further details.

PR Close #45880
This commit is contained in:
mgechev 2022-05-04 15:50:27 -07:00 committed by Andrew Kushnir
parent 91b833a7f4
commit 01b819633d
1 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
aio/content/guide/change-detection.md Normal file
View file

@ -0,0 +1,17 @@
# Angular change detection and runtime optimization
**Change detection** is the process through which Angular checks to see whether your application state has changed, and if any DOM needs to be updated. At a high level, Angular walks your components from top to bottom, looking for changes. Angular runs its change detection mechanism periodically so that changes to the data model are reflected in an app’s view. Change detection can be triggered either manually or through an asynchronous event (for example, a user interaction or an XHR completion).
Change detection is a highly optimized performant, but it can still cause slowdowns if the application runs it too frequently.
In this guide, you’ll learn how to control and optimize the change detection mechanism by skipping parts of your application and running change detection only when necessary.
Watch this video if you prefer to learn more about performance optimizations in a media format:
<div class="video-container">
<iframe allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen frameborder="0" src="https://www.youtube.com/embed/f8sA-i6gkGQ"></iframe>
</div>
@reviewed 2022-05-04