참고: Injector Tree는 Angular 버전 17 이상으로 빌드한 애플리케이션에서 사용할 수 있습니다.
애플리케이션의 인젝터 계층 확인하기
Injector Tree 탭에서는 애플리케이션에 설정된 인젝터 구조를 살펴볼 수 있습니다. 애플리케이션의 인젝터 계층을 나타내는 두 개의 트리가 표시됩니다. 하나는 환경 계층이고 다른 하나는 엘리먼트 계층입니다.
의존성을 찾는 경로 시각화하기
특정 인젝터를 선택하면 Angular의 의존성 주입 알고리즘이 해당 인젝터부터 루트까지 탐색하는 경로가 강조됩니다. 엘리먼트 인젝터의 경우, 엘리먼트 계층에서 의존성을 찾지 못했을 때 의존성 주입 알고리즘이 이동하는 환경 인젝터도 함께 강조됩니다.
Angular가 의존성을 찾는 경로를 결정하는 방식은 의존성 탐색 규칙을 참고하세요.
인젝터의 프로바이더 확인하기
프로바이더가 설정된 인젝터를 클릭하면 인젝터 트리 보기 오른쪽에 프로바이더 목록이 표시됩니다. 여기에서 제공되는 토큰과 자료형을 확인할 수 있습니다. 각 프로바이더 오른쪽의 버튼을 누르면 해당 프로바이더를 콘솔에 출력할 수 있습니다.