Directives

애플리케이션 전역에서 사용할 수 있는 공통 관심사를 컴포넌트에서 분리하여 구현한 것으로 컴포넌트의 복잡도를 낮추고 가독성 향상

Component Directives

• 컴포넌트의 템플릿을 표시하기 위한 디렉티브
• @component 데코레이터의 메타데이터 객체의 selector 프로퍼티에서 임의의 디렉티브 이름을 정의

Attribute Directives

• DOM요소의 어트리뷰트로 사용하여 해당 요소의 모양이나 동작 제어
• ngClass, ngStyle과 같은 빌트인 디렉티브가 있음

Structural Directives

• DOM 요소를 반복 생성(ngFor), 조건에 의한 추가 또는 제거(ngIf, ngSwitch)를 통해 DOM 레이아웃 변경