Angular 2(베타)의 구성 요소 외부에 서비스를 어떻게 주입할 수 있나요?

Angular 2(베타)의 구성 요소 외부 서비스 주입

구성 요소 너머 주입 이해

Angular 2(베타) ), 종속성 주입을 통해 개발자는 구성 요소 내에서 서비스를 원활하게 전달할 수 있습니다. 그러나 컴포넌트 클래스 외부에 서비스를 주입해야 하는 경우가 많습니다.

@Injectable Decorator를 통해 서비스 주입

컴포넌트 외부에 서비스를 주입하는 핵심은 서비스 클래스의 @Injectable 데코레이터. 이 데코레이터는 클래스의 생성자 매개변수가 주입될 수 있음을 나타냅니다.

계층적 주입 시스템

Angular 2는 구성 요소 트리에 매핑되는 계층적 주입 시스템을 사용합니다. 서비스용 인젝터는 명시적으로 정의되지 않습니다. 대신, 구성 요소와 암시적으로 연결됩니다. 계층적 연결을 통해 하위 인젝터가 상위 인젝터에 정의된 공급자에 액세스할 수 있습니다.

샘플 애플리케이션과 인젝터 관계

AppComponent(주 구성 요소)가 포함된 다음 샘플 애플리케이션을 고려하세요. , ChildComponent, Service1(ChildComponent에서 사용) 및 Service2(에서 사용) Service1):

<br>Application</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> |

로그인 후 복사

로그인 후 복사