Directive
Angular가 제공하는 디렉티브는 어트리뷰트 디렉티브(Attribute Directive)와 구조 디렉티브(Structural Directive)로 나뉜다.
디렉티브는 DOM의 모든 것을 직접 관리할 수 있다. HTML 요소 또는 어트리뷰트의 형태로 사용하여 디렉티브가 사용된 요소에게 무언가를 하라는 지시(directive)를 전달한다. 디렉티브는 프로젝트 전역에서 사용할 수 있는 공통 관심사를 컴포넌트에서 분리한 것으로 구현하여 컴포넌트의 복잡도를 낮추고 가독성을 향상시킨다.
어트리뷰트 디렉티브
- NgClass: CSS 클래스 추가/제거
- NgStyle: HTML 스타일 추가/제거
- NgModel: HTML 폼 요소에 양방향 데이터 바인딩 추가
구조 디렉티브
- NgIf: 조건에 따라 DOM에 추가/제거
- NgFor: 배열 항목마다 DOM에 추가
- NgSwitch: 조건에 맞는 것을 선택해서 DOM에 추가
'Angular.js' 카테고리의 다른 글
| 옵저버블을 promise로 변환하고 boolean 형태의 값 출력 (0) | 2023.06.13 |
|---|---|
| Angular Guard에 대하여 (2) | 2023.05.30 |
| Angular js 컴포넌트 구조 파악 (0) | 2023.03.28 |
| Angular js 구조, 구성 요소 생성 방법 (0) | 2023.03.28 |
| Angular js 장단점 및 개발 전 환경설정 (0) | 2023.03.27 |
댓글