Selon la dernière version de la documentation officielle du site web, l’encapsulation possède désormais 4 valeurs d’attribut :
import { Component, OnInit, ViewEncapsulation } from '@angular/core' ;
Par défaut émulé
Les styles sont limités et le composant parent n’affecte pas le style du composant enfant (le mécanisme d’encapsulation de styles fourni par Angular)
Cette sélection est la valeur par défaut, c’est-à-dire la valeur sans configurer manuellement l’encapsulation. Dans cet élément de configuration, chaque composant a un périmètre, et le parent ne peut pas affecter le composant lui-même. Si vous devez faire en sorte que le style du composant parent prenne le dessus sur le style du composant enfant sous cet élément de configuration. Vous pouvez utiliser ::ng-deep, mais le site officiel ne recommande pas d’utiliser ::ng-deep
Aucun
Aucun package n’est fourni, et le style est appliqué directement à l’ensemble du document. (Affecte ses propres composants enfants vers le bas, vers le haut affecte ses propres composants parents)
Native et Shadow
En utilisant le style natif d’encapsulation d’ombre, la racine d’ombre peut être observée dans la structure DOM, et nous pouvons très bien voir comment le style est écrit dessus, valable uniquement pour les composants de la plage racine d’ombre.
|
Publié sur 12/05/2020 11:02:24
|
|
|
Propriétaire