Conform celei mai recente versiuni a documentației oficiale de pe site, încapsularea are acum 4 valori de atribute:
import { Component, OnInit, ViewEncapsulation } din '@angular/core';
Implicit emulat
Stilurile sunt delimitate, iar componenta părinte nu influențează stilul componentei copil (mecanismul de încapsulare a stilurilor oferit de Angular)
Această selecție este implicită, adică este valoarea fără configurarea manuală a încapsulării. Sub acest element de configurație, fiecare componentă are un scop, iar componenta părinte nu poate afecta componenta proprie. Dacă trebuie să ai stilul componentei părinte, suprascrie stilul componentei copil sub acest element de configurare. Poți folosi ::ng-deep, dar site-ul oficial nu recomandă să folosești ::ng-deep
Niciunul
Nu se oferă niciun pachet, iar stilul este aplicat direct întregului document. (Afectează componentele sale copil în jos, în sus afectează componentele părinte)
Nativ și Umbră
Folosind stilul nativ de încapsulare a umbrelor, rădăcina umbrei poate fi observată în structura DOM, și putem vedea foarte bine cum este scris stilul pe ea, valabil doar pentru componentele din intervalul rădăcinii umbrei.
|
Postat pe 12.05.2020 11:02:24
|
|
|
Proprietarul