2017-01-02 3 views
0

하위 구성 요소 ts 파일 내에 'test'라는 변수를 작성했습니다. 테스트 값이 하위 구성 요소 뷰에서 업데이트됩니다. 상위 구성 요소에서 'test'변수에 액세스해야합니다. pls help ...Angular2의 부모 - 자식 구성 요소 통신

+1

[doc 공유 변수가있는 부모 자식 통신] (https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#parent-to-child-local-var) –

답변

0

공유 서비스가 필요한 것 같습니다. 여기에이 대답을 살펴보십시오 : shared service 당신은 test을 공유하고 당신이 당신의 생성자 및 액세스에 주입 : 다음

@Injectable() 
export class YourSharedService { 
    sharedTest: { 
     testString: 'your value here' 
    }; 
} 

및 필요한 구성 요소에서 액세스 할 수있는 대답에 같은 공유 서비스를 만들 것 귀하의 구성 요소에 :

constructor(private yourSharedService: YourSharedService) { } 

testString = this.yourSharedService.sharedTest 

그리고 Suraj가 주석을 달았으니, 그가 제공 한 링크를 확인하십시오. 솔루션에 대한 몇 가지 팁이 있습니다.