Tři způsoby využití úhlového zapouzdření

Malý hajzl · Zveřejněno 12.05.2020 11:02:24

Podle nejnovější verze oficiální webové dokumentace má zapouzdření nyní 4 hodnoty atributů:

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

Emulovaný výchozí stav

Styly jsou scoped a nadřazená komponenta neovlivňuje styl podkomponenty (mechanismus zapouzdření stylu poskytovaný Angularem)
Tento výběr je výchozí, tj. je to hodnota bez nutnosti ručně konfigurovat zapouzdření. V rámci této konfigurační položky má každá komponenta svůj rozsah a nadřazená komponenta nemůže ovlivnit vlastní komponentu. Pokud musíš styl nadřazené komponenty přepsat styl podkomponenty v této konfigurační položce. Můžete použít ::ng-deep, ale oficiální web nedoporučuje používat ::ng-deep

Žádný

Není poskytnut žádný balíček a styl je aplikován přímo na celý dokument. (Ovlivňuje své vlastní podkomponenty směrem dolů, nahoru ovlivňuje své vlastní mateřské komponenty)

Native a Shadow

Použitím nativního stylu zapouzdření stínů lze stínový kořen vidět ve struktuře DOM a velmi dobře vidíme, jak je styl do něj zapsán, platí pouze pro komponenty v rozsahu stín-kořen.

Malý hajzl · Zveřejněno 26.11.2021 17:07:13

Přihlášení je viditelné.

[Angular] Tři způsoby využití úhlového zapouzdření

Související příspěvky

Prohlížené sekce