Три способа использования угловой инкапсуляции

Маленькая мразь · Опубликовано 12.05.2020 11:02:24

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

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

Эмулированное по умолчанию

Стили имеют scope, и родительский компонент не влияет на стиль дочернего компонента (механизм инкапсуляции стиля, предоставляемый Angular).
Этот выбор является по умолчанию, то есть это значение без ручной настройки инкапсуляции. В рамках этого элемента конфигурации каждый компонент имеет область действия, и родительский компонент не может влиять на самокомпоненту. Если нужно, чтобы стиль родительского компонента переопределял стиль дочернего компонента в этом элементе конфигурации. Можно использовать ::ng-deep, но официальный сайт не рекомендует использовать ::ng-deep

Никакой

Пакет не предоставляется, а стиль применяется непосредственно ко всему документу. (Влияет на свои дочерние компоненты вниз, вверх влияет на родительские компоненты)

Native и Shadow

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

Маленькая мразь · Опубликовано 26.11.2021 17:07:13

Вход виден.

[Угловат] Три способа использования угловой инкапсуляции

Связанные публикации

Просмотренные разделы