각도 2 : 형제 구성 요소 간의 이벤트 방출

Question

내 Angular 2 프로젝트에서 형제 구성 요소 간의 이벤트 통신을 원한다면이 기사에서 stackoverflow에 대한 몇 가지 질문을 따르고 이제는 결국 사용하고 있습니다 RXJS를 사용하여 이벤트를 내보내는 중입니다 이 answer에 언급 된 바와 같은은 좋은 솔루션입니다.

하지만 다음과 같은 상황이 있습니다. 이것은 내 AppComponent html입니다.

<section class="app content-area"> 
    <fds-header></fds-header> 
    <router-outlet></router-outlet> 
</section> 

나는이 세 가지 구성 요소 AuthComponent, HomeComponent 및 HeaderComponent. 첫 번째 두 구성 요소가 콘센트에서 렌더링되고 마지막 구성 요소는 자체 요소/선택기 fds- 헤더을가집니다. 따라서 콘센트에 어떤 구성 요소가 렌더링되는지는 HeaderComponent의 형제입니다. HeaderComponent에는 로그 아웃 버튼이 있고 로그 아웃 기능은 AuthComponent입니다. HeaderComponent에서 이벤트를 내보내는 중이며 AuthComponent에 잡으십시오. 문제는 하나의 가입자가 있기 때문에 AuthComponent이 작동하지 않습니다 때문에 로그 아웃 만들어지지 않습니다이 시간을 사용자가 성공적으로 다음 로그인 I 페이지의 응용 프로그램이 다시 초기화 새로 고칠 때 그가 HomeComponent과 HomeComponent에 리디렉션 때입니다 in AuthComponent을 사용할 수 없습니다. 그래서 내 질문은 어떻게이 시나리오를 처리 할 수 ​​있습니까?

Answer 1

로그인하는 동안 구성 요소가 필요하지만 구성 요소가 필요없이 서비스 호출을 사용하여 로그 아웃 할 수 있습니다.

이러한 경우 가입자는 AuthComponent이 아니고 로그 아웃 마지막 페이지에서 다시 로그인 페이지로 이동하는 AuthService이됩니다.