Vous devez savoir que Angular n’utilise pas directement les spécifications du Shadow DOM que nous venons de voir.
QUOI ? On apprend des trucs qui ne servent à rien depuis le début ?!
Non, je ne vous ai pas exactement menti, disons que tout cela était nécessaire. 😏
Derrière les spécifications du Shadow DOM, vous avez déjà compris le mécanisme d’encapsulation sous-jacent. Et bien Angular utilise lui aussi son propre mécanisme d’encapsulation en interne, qui simule un comportement d’encapsulation, et qui a l’avantage de fonctionner sur tous les navigateurs, contrairement au Shadow DOM qui est assez récent et qui n’est pas supporté par les navigateurs plus anciens. Du coup, c’est bénéfique pour nous !
En fait, Angular peut quand même utiliser les spécifications du Shadow DOM si on le lui demande explicitement. Pour être exact, Angular propose trois techniques d’encapsulation des éléments personnalisés. Pour chacun de nos composants que nous créons avec Angular, nous avons le choix entre les systèmes d’encapsulation suivants :