Drei Möglichkeiten, Winkelkapselung zu verwenden

Kleiner Abschaum · Veröffentlicht am 12.05.2020 11:02:24

Laut der neuesten Version der offiziellen Website-Dokumentation hat Kapselung nun 4 Attributwerte:

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

Emulierte Standardeinstellung

Styles sind scoped und die Elternkomponente beeinflusst nicht den Stil der Kindkomponenten (den von Angular bereitgestellten Style-Kapselungsmechanismus)
Diese Auswahl ist der Standard, d. h. sie ist der Wert, ohne die Kapselung manuell zu konfigurieren. Unter diesem Konfigurationselement hat jede Komponente einen Scope, und die übergeordnete Komponente kann die Selbstkomponente nicht beeinflussen. Wenn der Stil der Elternkomponente den Stil der Kindkomponenten unter diesem Konfigurationselement überschreiben muss. Du kannst ::ng-deep verwenden, aber die offizielle Website empfiehlt nicht ::ng-deep

Nichts

Es wird kein Paket bereitgestellt, und der Stil wird direkt auf das gesamte Dokument angewendet. (Beeinflusst seine eigenen Kindkomponenten nach unten, nach oben beeinflusst die eigenen Elternkomponenten)

Native und Schatten

Mit dem nativen Schattenkapselungsstil ist die Schattenwurzel in der DOM-Struktur sichtbar, und wir können sehr gut sehen, wie der Stil darauf geschrieben ist, was nur für Komponenten im Schattenwurzelbereich gilt.

Kleiner Abschaum · Veröffentlicht am 26.11.2021 17:07:13

Login ist sichtbar.

[Kantig] Drei Möglichkeiten, Winkelkapselung zu verwenden

Verwandte Beiträge

Betrachtete Abschnitte