Virallisen verkkosivuston uusimman version mukaan kapseloinnissa on nyt neljä attribuuttiarvoa:
tuo { Component, OnInit, ViewEncapsulation } tiedostosta '@angular/core';
Emuloitu oletus
Tyylit ovat scope-määriteltyjä, eikä vanhempikomponentti vaikuta lapsikomponentin tyyliin (Angularin tarjoama tyylikapselointimekanismi)
Tämä valinta on oletus, eli se on arvo ilman manuaalista kapselointia konfigurointia. Tässä konfiguraatiokohteessa jokaisella komponentilla on oma scope, eikä vanhemmalla komponentilla ole vaikutusta itsekomponenttiin. Jos sinun täytyy olla vanhemman komponentin tyyli, ohita tämän konfiguraatiokohteen alla lapsikomponentin tyyli. Voit käyttää ::ng-deepiä, mutta virallinen verkkosivusto ei suosittele ::ng-deepin käyttöä
Ei lainkaan
Pakettia ei anneta, ja tyyli sovelletaan suoraan koko asiakirjaan. (Vaikuttaa omiin lapsikomponentteihinsa alaspäin, ylöspäin vaikuttaa omiin vanhempiin komponentteihinsa)
Native ja Shadow
Käyttäen natiivia varjokapselointityyliä, varjojuuri näkyy DOM-rakenteessa, ja näemme hyvin, miten tyyli kirjoitetaan sille, pätee vain varjojuuri-alueen komponenteille.
|
Julkaistu 12.5.2020 11.02.24
|
|
|
Vuokraisäntä