You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: blog/2025-05-effect-afterrendereffect/README.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -3,7 +3,7 @@ title: 'Reactive Angular: effect and afterRenderEffect verstehen und einsetzen'
3
3
author: Johannes Hoppe
4
4
mail: johannes.hoppe@haushoppe-its.de
5
5
published: 2025-05-01
6
-
lastModified: 2025-05-01
6
+
lastModified: 2025-06-18
7
7
keywords:
8
8
- Angular
9
9
- JavaScript
@@ -203,10 +203,10 @@ Messen von Elementgrößen, die direkte Verwaltung von Animationen oder die Orch
203
203
204
204
Mit der neuen Funktion `afterRenderEffect()` können wir steuern, wann bestimmte Aufgaben während des DOM-Aktualisierungsprozesses ausgeführt werden.
205
205
Die API selbst spiegelt die Funktionalität von
206
-
*[`afterNextRender`](https://angular.dev/api/core/afterNextRender)*(registriert Callbacks, die das nächste Mal aufgerufen werden, wenn die Anwendung das Rendering beendet, während der angegebenen Phasen)* und
207
-
*`afterRender`*(registriert ein Callback, das jedes Mal aufgerufen wird, wenn die Anwendung das Rendern beendet)*.
206
+
*[`afterEveryRender`](https://angular.dev/api/core/afterEveryRender)*(registriert Callbacks, das jedes Mal aufgerufen wird, wenn die Anwendung das Rendern beendet)* und
207
+
*[`afterNextRender`](https://angular.dev/api/core/afterNextRender)*(registriert Callbacks, die das nächste Mal aufgerufen werden, wenn die Anwendung das Rendering beendet, während der angegebenen Phasen)*.
208
208
209
-
Die Funktion `afterRender` existiert seit Angular 20 nicht mehr. Schon zuvor hatte die Dokumentation empfohlen, explizite Phasen mit `afterNextRender` anzugeben, um erhebliche Leistungseinbußen zu vermeiden.
209
+
Die Dokumentation empfiehlt, explizite Phasen mit `afterNextRender` anzugeben, um erhebliche Leistungseinbußen zu vermeiden.
210
210
Eine ähnliche Empfehlung gibt es auch für `afterRenderEffect()`: Es gibt eine Signatur, die für die Verwendung vorgesehen ist, und eine andere, die zwar existiert, aber nicht empfohlen wird.
211
211
212
212
Es gibt zudem einen großen Unterschied zwischen den bestehenden Hook-Funktionen und dem neuen `afterRenderEffect()`:
0 commit comments