Angular2 View 캡슐화

Question

큰 프로젝트의 개발을 시작했고 ViewEncapsulationNone 또는 Emulated을 사용해야하는지 알고 싶습니다. 어떤 이유로 든 기본값이 Emulated이지만 Angualr2 Material은 없음을 사용합니다.

프로젝트 내에서 재사용 가능한 위젯이 필요하며 스타일이 다르며 동적 인 테마가 필요합니다. Emulated으로 처리 할 수 ​​있지만 관리하기가 더 어려워 보이고 CSS 규칙이나 무시를 사용하는 것처럼 간단하지는 않습니다.

이러한 프로젝트에 권장되는 모드는 무엇입니까?

Answer 1

에뮬레이트 옵션을 사용하는 것이 좋습니다. HTML 템플릿뿐만 아니라 스타일을 구성 요소로 캡슐화 할 수 있습니다.

미래입니다. 웹 구성 요소라고하며, 이에 대해 읽어 보시기 바랍니다. 자세한 내용은 다음을 참조하십시오

• Modular future web components

• Shadow DOM strategies in Angular 2

Answer 2

당신은 캡슐화 된 구성 요소를 만들 수있을 것입니다, '에뮬레이트'옵션은 사용의 이점을 (스타일, 템플릿 , 등). 또한 컴포넌트를 한 번만 (드롭 다운, 테이블, 팝업) 생성하여 현재 프로젝트 내에서 재사용 할 수있을뿐 아니라 나중에 다른 프로젝트에서 사용하거나 오픈 소스로 사용할 수 있습니다.