Tre modi per utilizzare l'incapsulamento angolare

Piccola feccia · Pubblicato su 12/05/2020 11:02:24

Secondo l'ultima versione della documentazione ufficiale del sito web, l'incapsulamento ora ha 4 valori di attributo:

importa { Component, OnInit, ViewEncapsulation } da '@angular/core';

Predefinito emulato

Gli stili sono definiti e il componente genitore non influisce sullo stile del componente figlio (il meccanismo di incapsulamento degli stili fornito da Angular)
Questa selezione è la predefinita, cioè è il valore senza configurare manualmente l'incapsulamento. Con questo elemento di configurazione, ogni componente ha un ambito, e il componente genitore non può influenzare il componente auto-componente. Se devi far sì che lo stile del componente genitore sovrascriva lo stile del componente figlio sotto questo elemento di configurazione. Puoi usare ::ng-deep, ma il sito ufficiale non consiglia di usare ::ng-deep

Nessuno

Non viene fornito alcun pacchetto e lo stile viene applicato direttamente all'intero documento. (Influenza i propri componenti figli verso il basso, verso l'alto influisce sui propri componenti genitori)

Nativo e Ombra

Usando lo stile nativo di incapsulamento ombra, la radice ombra si può vedere nella struttura DOM, e possiamo vedere molto bene come lo stile è scritto su di essa, valido solo per componenti nell'intervallo di radici ombra.

Piccola feccia · Pubblicato su 26/11/2021 17:07:13

L'accesso è visibile.

[Angolare] Tre modi per utilizzare l'incapsulamento angolare

Post correlati

Sezioni visualizzate