Según la última versión de la documentación oficial del sitio web, la encapsulación ahora tiene 4 valores de atributo:
importar { Component, OnInit, ViewEncapsulation } de '@angular/core';
Emulado por defecto
Los estilos están definidos y el componente padre no afecta al estilo del componente hijo (el mecanismo de encapsulación de estilos proporcionado por Angular)
Esta selección es la predeterminada, es decir, es el valor sin configurar manualmente la encapsulación. Bajo este elemento de configuración, cada componente tiene un ámbito, y el componente padre no puede afectar al autocomponente. Si tienes que hacer que el estilo del componente padre sobrescriba el estilo del componente hijo en este elemento de configuración. Puedes usar ::ng-deep, pero la web oficial no recomienda usar ::ng-deep
Ninguno
No se proporciona ningún paquete y el estilo se aplica directamente a todo el documento. (Afecta a sus propios componentes hijos hacia abajo, hacia arriba afecta a sus propios componentes padres)
Nativo y Sombra
Usando el estilo nativo de encapsulación de sombras, la raíz de sombra puede verse en la estructura DOM, y podemos ver muy bien cómo se escribe el estilo en ella, válido solo para componentes dentro del rango de raíz de sombra.
|
Publicado en 12/5/2020 11:02:24
|
|
|
Propietario