DOM

8 articles du blog EasyAngularKit sur DOM.

Articles sur DOM

Drag & drop CDK + signals : le bug qui remet ton item à sa place

14 octobre 2026

moveItemInArray mute ton tableau, ton signal ne voit rien : l'item revient à sa place mais tes données ont bougé. Les 3 pièges du drag & drop CDK + signals.

Angular Signals DOM UX

Ta modale Angular fait 150 lignes de trop : `<dialog>` natif + signals, zéro lib

18 septembre 2026

Focus trap maison, z-index à 9999, ESC codé à la main : le navigateur fait déjà tout ça. Le câblage <dialog> + signals, et les trois pièges qui restent.

Angular Signals Composants DOM Accessibilité UX

Ta modale Angular piège la souris, pas le clavier : 3 trous qu'axe ne verra jamais

14 septembre 2026

Tab s'échappe derrière l'overlay, le focus se perd à la fermeture, le lecteur d'écran n'entend rien : trois trous que le CDK a11y et le dialog natif ferment.

Angular Accessibilité Composants DOM UX

@for sur 10 000 lignes : ton DOM explose. Le CDK Virtual Scroll en rend 15

28 août 2026

Un @for de 10 000 lignes crée 10 000 nœuds DOM, et track n'y change rien. Le CDK Virtual Scroll en rend 15, quelle que soit la taille de la liste.

Angular Performance DOM CSS

afterRenderEffect() : le hook Angular 20 qui remplace tes effect() qui touchent au DOM

7 août 2026

Remplacer un effect() qui touche au DOM par afterRenderEffect() : les phases earlyRead, write, mixedReadWrite et read, et les pièges de timing.

Angular Signals DOM Lifecycle Performance Zoneless

afterNextRender() et afterEveryRender() : remplace tes setTimeout(0) et tes ngAfterViewInit qui plantent en zoneless

20 mai 2026

Quand utiliser afterNextRender() et afterEveryRender() au lieu de ngAfterViewInit ou setTimeout(0) : phases DOM, SSR, zoneless et différence avec effect().

Angular Lifecycle DOM Zoneless SSR Signals

:host display: contents en Angular : astuce ou code smell ?

15 mai 2026

L'astuce CSS :host { display: contents } en Angular : pourquoi c'est tentant, pourquoi c'est souvent un wrapper qui s'ignore, et quand c'est légitime.

Angular Composants CSS DOM Accessibilité SEO Bonnes pratiques

Angular : Supprime Les Div Inutiles, Utilise Le Host Élément

20 octobre 2025

Éliminer les div wrappers de tes composants Angular : styler l'élément host avec :host, définir son display, poser des host bindings, et les cas d'exception.

Composants DOM Performance Bonnes pratiques CSS

Voir tous les sujets du blog

DOM

Articles sur DOM

Drag & drop CDK + signals : le bug qui remet ton item à sa place

Ta modale Angular fait 150 lignes de trop : `<dialog>` natif + signals, zéro lib

Ta modale Angular piège la souris, pas le clavier : 3 trous qu'axe ne verra jamais

@for sur 10 000 lignes : ton DOM explose. Le CDK Virtual Scroll en rend 15

afterRenderEffect() : le hook Angular 20 qui remplace tes effect() qui touchent au DOM

afterNextRender() et afterEveryRender() : remplace tes setTimeout(0) et tes ngAfterViewInit qui plantent en zoneless

:host display: contents en Angular : astuce ou code smell ?

Angular : Supprime Les Div Inutiles, Utilise Le Host Élément

AngularKit

Produits

Contact

Légal