Skip to content

Commit cc5301b

Browse files
committed
afterRenderEffect: afterEveryRender/afterNextRender
@JohannesHoppe
1 parent 96276bd commit cc5301b

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

  • blog/2025-05-effect-afterrendereffect

blog/2025-05-effect-afterrendereffect/README.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: 'Reactive Angular: effect and afterRenderEffect verstehen und einsetzen'
33
author: Johannes Hoppe
44
mail: johannes.hoppe@haushoppe-its.de
55
published: 2025-05-01
6-
lastModified: 2025-05-01
6+
lastModified: 2025-06-18
77
keywords:
88
- Angular
99
- JavaScript
@@ -203,10 +203,10 @@ Messen von Elementgrößen, die direkte Verwaltung von Animationen oder die Orch
203203

204204
Mit der neuen Funktion `afterRenderEffect()` können wir steuern, wann bestimmte Aufgaben während des DOM-Aktualisierungsprozesses ausgeführt werden.
205205
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)*.
208208

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.
210210
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.
211211

212212
Es gibt zudem einen großen Unterschied zwischen den bestehenden Hook-Funktionen und dem neuen `afterRenderEffect()`:

0 commit comments

Comments
 (0)