Drie manieren om hoekencapsulatie te gebruiken

Klein tuig · Geplaatst op 12-05-2020 11:02:24

Volgens de nieuwste versie van de officiële website-documentatie heeft encapsulatie nu 4 attribuutwaarden:

importeren { Component, OnInit, ViewEncapsulation } van '@angular/core';

Geemuleerde standaard

Stijlen zijn scoped en de oudercomponent beïnvloedt de stijl van het kindcomponent niet (het stijl-encapsulatiemechanisme dat door Angular wordt geboden)
Deze selectie is de standaard, dat wil zeggen het is de waarde zonder de encapsulatie handmatig te configureren. Onder dit configuratie-item heeft elke component een scope, en kan de oudercomponent de zelfcomponent niet beïnvloeden. Als je de stijl van de oudercomponent moet laten overschrijven, overschrijft dan de stijl van de kindcomponent onder dit configuratie-item. Je kunt ::ng-deep gebruiken, maar de officiële website raadt het gebruik van ::ng-deep niet aan

Geen

Er wordt geen pakket geleverd, en de stijl wordt direct op het hele document toegepast. (Beïnvloedt zijn eigen ondercomponenten naar beneden, omhoog beïnvloedt zijn eigen oudercomponenten)

Native en Shadow

Met behulp van de native shadow encapsulation stijl is de shadow-root te zien in de DOM-structuur, en we kunnen heel goed zien hoe de stijl ernaar is geschreven, alleen geldig voor componenten in het shadow-root bereik.

Klein tuig · Geplaatst op 26-11-2021 17:07:13

Inloggen is zichtbaar.

[Angular] Drie manieren om hoekencapsulatie te gebruiken

Gerelateerde berichten

Secties bekeken