저는 Angular 2의 초보자이며 현재는 작은 SPA를 개발 중입니다. 구성 요소 로그인에서 http 서비스를 통해 일부 데이터를받습니다. 데이터를 클래스 User로 설정하고 일부 다른 구성 요소에서 해당 데이터를 사용할 수 있어야합니다. 문제는 구성 요소가 완전히 독립적이라는 것입니다 (부모 - 자식 관계가 없음). Angular 2에 이러한 방식으로 데이터를 전달하는 메커니즘이 있습니까?각도 2의 독립적 인 구성 요소 간 데이터 전달
먼저 서비스를 사용하여 구성 요소간에 데이터를 전달하는 것이 좋습니다.
다음은 구성 요소가 3 diff를 사용하여 통신하는 방법에 대한 몇 가지 예입니다. 방법,
Angular2-playground Demo의 코드는 S1 서비스 를 생성하고 해당 서비스의 싱글 인스턴스를 생성합니다 app.module.ts 파일에 해당 서비스를 제공하는 경우 에서 서비스 변경하는 경우 available on Github
가, 가정 구성 요소 1보다 수정 된 데이터를 얻을 수 있습니다. 구성 요소 2.
또는 별도의 기능으로 별도의 모듈에 서비스를 추가하면 해당 모듈에서만 서비스에 액세스 할 수 있습니다.
요약 : 서비스를 사용하여 구성 요소간에 데이터를 전달하면 매우 유용합니다.
https://angular.io/docs/ts/latest/cookbook/component-communication.html –
그래, 읽었습니다. 그러나 첫 번째 구성 요소는 두 번째 구성 요소를 템플릿에 포함하지 않습니다. this.router.navigate ([ '/ main'])를 사용하여 두 번째 구성 요소로드 – Yuriy
부모와 자녀는 @JBNizet이 준 링크의 서비스 부분을 통해 통신합니다. 제목 사용법 만 있으면됩니다. – echonax