각도 2를 사용하여 인증을 처리하는 AuthService가 있습니다. 사용자가 로그인/로그 아웃했을 때 다른 구성 요소에 알리는 가장 좋은 방법을 알아 내려고하지만이 시나리오를 처리하는 올바른 방법이 확실하지 않습니다. 어떤 제안? 감사!알림 서비스의 각도 2 변경 구성 요소
2
A
답변
3
가장 좋은 방법은 BehaviorSubject입니다. 구성 요소에서
class AuthService {
private _isLoggedIn:Subject<boolean> = new BehaviorSubject<boolean>(false);
getUser() {
return !!localStorage.getItem('user');
};
isLoggedIn() {
this.getUser() && this._isLoggedIn.next(true);
!this.getUser() && this._isLoggedIn.next(false);
return this._isLoggedIn.asObservable();
}
}
//
class NavComponent {
constructor(private AuthService: AuthService) {
this.AuthService.isLoggedIn().subscribe(status => this.isLoggedIn = status);
}
}
관련 문제
- 1. 각도 2 구성 요소
- 2. 각도 2 : 양식 구성 요소 형제의 목록 구성 요소 업데이트
- 3. 우편 서비스의 각도 2
- 4. 각도 2- 스위치 구성 요소
- 5. 각도 2 구성 요소 인쇄
- 6. 각도 2 숨기기 구성 요소
- 7. 추상 구성 요소 각도 2
- 8. 각도 2 - 전역 구성 요소
- 9. 각도 2 - 레이아웃 구성 요소
- 10. 각도 2 독립형 구성 요소
- 11. 각도 2 -로드 구성 요소
- 12. 각도 2 : 구성 요소 HTML
- 13. 각도 4 | "알림"작업을 수행하기위한 구성 요소
- 14. 각도 서비스의 경로 변경
- 15. 맞춤형 알림 각도 2+
- 16. 각도 2 - 상위 메뉴에서 변경 라우터 출구의 하위 구성 요소
- 17. 2 개의 각도 구성 요소 사이에서 감지 변경
- 18. 경로 변경시 구성 요소 컨텐츠 변경 각도 2
- 19. Angular2 데이터 구성 요소 변경 알림
- 20. 각도 2 : 다른 공장에있는 서비스의 다중 인스턴스
- 21. 구성 요소 통신에 대한 각도 2 구성 요소
- 22. 각도 이주/변경 데이터가 구성 요소
- 23. 인터페이스를 사용하는 생성자가있는 각도 2 구성 요소
- 24. 각도 2 구성 요소 대 포틀릿
- 25. 구성 요소 상호 작용 각도 2
- 26. 각도 2+ 프레임 워크 개발 구성 요소
- 27. 각도 재료 2 MdTab 구성 요소 확장
- 28. 특정 DOM에 각도 2 구성 요소 추가
- 29. 각도 2 템플릿에서 구성 요소 변수를 가져옵니다.
- 30. 각도 2 동적 구성 요소 디스플레이
는 관찰 또는 약속을 반환하는 방법이 있나요? – toskv