Три начина за използване на ъглова капсулация

Малък боклук · Публикувано в 12.05.2020 г. 11:02:24 ч.

Според последната версия на официалната документация на уебсайта, капсулацията вече има 4 стойности на атрибути:

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

Емулиран по подразбиране

Стиловете са ограничени и родителският компонент не влияе на стила на дъщерния компонент (механизмът за инкапсулация на стила, предоставен от Angular)
Този избор е по подразбиране, т.е. това е стойността без ръчно конфигуриране на капсулиране. При този конфигурационен елемент всеки компонент има обхват, а родителският компонент не може да влияе на самокомпонента. Ако трябва стилът на родителския компонент да замести стила на дъщерния компонент под този конфигурационен елемент. Можете да използвате ::ng-deep, но официалният сайт не препоръчва използването на ::ng-deep

Никой

Не се предоставя пакет, а стилът се прилага директно върху целия документ. (Влияе на собствените си дъщерни компоненти надолу, нагоре влияе на собствените си родителски компоненти)

Native и Shadow

Използвайки нативния стил на инкапсулация на сенките, коренът на сенките може да се види в структурата на DOM и много добре виждаме как стилът е записан върху него, валиден само за компоненти в диапазона на корен на сенките.

Малък боклук · Публикувано в 26.11.2021 г. 17:07:13 ч.

Входът е видим.

[Ъглова] Три начина за използване на ъглова капсулация

Свързани публикации

Разгледани секции