Trzy sposoby wykorzystania enkapsulacji kątowej

Mały śmiecie · Opublikowano 12.05.2020 11:02:24

Według najnowszej wersji oficjalnej dokumentacji internetowej, enkapsulacja ma teraz 4 wartości atrybutów:

import { Component, OnInit, ViewEncapsulation } z '@angular/core';

Domyślne emulowanie

Style są ograniczone do zakresu i komponent nadrzędny nie wpływa na styl komponentu potomnego (mechanizm enkapsulacji stylów oferowany przez Angular)
Ten wybór jest domyślny, czyli jest wartością bez ręcznej konfiguracji enkapsulacji. W ramach tego elementu konfiguracyjnego każdy komponent ma swój zakres, a komponent nadany nie może wpływać na komponent własny. Jeśli musisz mieć styl nadrzędnego komponentu nadpisującego styl podzespołu w tym elemencie konfiguracyjnym. Możesz użyć ::ng-deep, ale oficjalna strona nie zaleca używania ::ng-deep

Żaden

Nie jest dostarczany żaden pakiet, a styl jest stosowany bezpośrednio na całym dokumencie. (Wpływa na własne komponenty potomne w dół, w górę wpływa na własne składniki nadrzędne)

Native i Shadow

Korzystając z natywnego stylu enkapsulacji cienia, korzeń cienia można zobaczyć w strukturze DOM i bardzo dobrze zobaczyć, jak styl jest do niego zapisany, co jest ważne tylko dla komponentów w zakresie cienia-korzenia.

Mały śmiecie · Opublikowano 26.11.2021 17:07:13

Logowanie jest widoczne.

[Angular] Trzy sposoby wykorzystania enkapsulacji kątowej

Powiązane wpisy

Oglądane sekcje