각을 캡슐화하는 세 가지 방법

작은 쓰레기 같은 놈들 · 게시됨 2020. 5. 12. 오전 11:02:24

공식 웹사이트 문서의 최신 버전에 따르면, 캡슐화는 이제 4가지 속성 값을 가집니다:

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

에뮬레이션 디폴트

스타일은 스코프가 지정되어 있으며, 부모 컴포넌트는 자식 컴포넌트의 스타일(Angular에서 제공하는 스타일 캡슐화 메커니즘)에 영향을 주지 않습니다.
이 선택은 기본값으로, 수동으로 캡슐화를 설정하지 않고도 이 값입니다. 이 구성 항목 하에서 각 컴포넌트는 범위가 있으며, 부모 컴포넌트는 자체 컴포넌트에 영향을 줄 수 없습니다. 부모 컴포넌트의 스타일이 이 구성 항목 아래에서 자식 컴포넌트의 스타일을 덮어써야 한다면, ::ng-deep을 사용할 수는 있지만, 공식 웹사이트에서는 ::ng-deep 사용을 권장하지 않습니다

없음

패키지는 제공되지 않으며, 스타일은 문서 전체에 직접 적용됩니다. (자신의 자식 컴포넌트에 아래로, 위쪽은 자신의 부모 컴포넌트에 영향을 준다)

네이티브와 섀도우

네이티브 섀도우 캡슐화 스타일을 사용하면 DOM 구조에서 섀도우 루트를 볼 수 있으며, 이 스타일이 섀도우 루트 범위 내 컴포넌트에만 유효하다는 점을 잘 확인할 수 있습니다.

작은 쓰레기 같은 놈들 · 게시됨 2021. 11. 26. 오후 5:07:13

로그인이 보이네요.

[각] 각을 캡슐화하는 세 가지 방법

관련 게시물

본 섹션