Angular - Component

AppComponent

컴포넌트 : 화면의 일부를 조작하는 구성 요소.

• 컴포넌트 메타데이터 : 클래스를 컴포넌트로 등록하는 메타데이터

  • selector : 컴포넌트 인스턴스가 DOM 트리의 어떤 자리에 위치할지 CSS 셀렉터로 지정. 

  • templateUrl : 컴포넌트 HTML 템플릿을 외부 파일에 정의할 때, 이 템플릿 파일의 위치를 지정.

  • styleUrls : css 를 외부 파일에 정의할 때 , css 파일의 위치를 지정.

  • providers: 컴포넌트가 생성될 때 의존성으로 주입되는 서비스의 프로바이더를 지정. 위의 예시 이미지에는 없음
    provider는 module 에서도 선언 가능하며 module에서 선언했다면 그 범위는 모듈 내로, component 에서 지정했다면 해당 컴포넌트가 생성될 때마다 서비스 인스턴스도 새로이 생성된다.
    
    

DOM 에서의 selector

templateUrl, styleUrls 파일의 경로

 

 

---

https://angular.kr/guide/architecture-components

https://angular.kr/guide/providers