Ця стаття є дзеркальною статтею машинного перекладу, будь ласка, натисніть тут, щоб перейти до оригінальної статті.

Вид: 18910|Відповідь: 1

[Кутовий голос] Три способи використання кутової інкапсуляції

[Копіювати посилання]
Опубліковано 12.05.2020 11:02:24 | | |
Згідно з останньою версією офіційної документації сайту, інкапсуляція тепер має 4 значення атрибутів:

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



Емульований стандарт

Стилі мають масштаб, і батьківський компонент не впливає на стиль дочірнього компонента (механізм інкапсуляції стилю, наданий Angular)
Цей вибір є за замовчуванням, тобто це значення без ручного налаштування інкапсуляції. За цим елементом конфігурації кожен компонент має область дії, і батьківський компонент не може впливати на самокомпонент. Якщо вам потрібно, щоб стиль батьківського компонента перекреслив стиль дочірнього компонента в цьому елементі конфігурації. Ви можете використовувати ::ng-deep, але офіційний сайт не рекомендує використовувати ::ng-deep


Ніхто

Пакет не надається, а стиль застосовується безпосередньо до всього документа. (Впливає на власні дочірні компоненти вниз, вгору впливає на свої батьківські компоненти)


Native і Shadow

Використовуючи нативний стиль інкапсуляції тіні, тіньовий корінь можна побачити у структурі DOM, і ми добре бачимо, як стиль записується на нього, що дійсно лише для компонентів у діапазоні кореня тіні.





Попередній:CSS-стиль: показуючі події: немає
Наступний:Покращення розділу веб-сторінки CSS та панелі прокрутки таблиці
 Орендодавець| Опубліковано 26.11.2021 17:07:13 |
Застереження:
Усе програмне забезпечення, програмні матеріали або статті, опубліковані Code Farmer Network, призначені лише для навчання та досліджень; Вищезазначений контент не повинен використовуватися в комерційних чи незаконних цілях, інакше користувачі несуть усі наслідки. Інформація на цьому сайті надходить з Інтернету, і спори щодо авторських прав не мають до цього сайту. Ви повинні повністю видалити вищезазначений контент зі свого комп'ютера протягом 24 годин після завантаження. Якщо вам подобається програма, будь ласка, підтримуйте справжнє програмне забезпечення, купуйте реєстрацію та отримайте кращі справжні послуги. Якщо є будь-яке порушення, будь ласка, зв'яжіться з нами електронною поштою.

Mail To:help@itsvse.com