예외 self.context.XXX.subscribe는 함수가 아닙니다

Question

내 Angular 2 앱에서 한 구성 요소의 배열을 다른 구성 요소로 전달해야합니다.

템플릿 :

<system-dynamics (sdFactors)="this.sdFactors"></system-dynamics> 

구성 요소 :

를 나는 다음과 같이이 값을 읽을 필요가 InputModuleComponent라는 이름의 구성 요소에

@Component({ 
    selector: "system-dynamics", 
    templateUrl: "/app/component/main/template/system-dynamics.html" 
}) 

export class SystemDynamicsComponent implements OnInit { 
    private dialogDisplayed: boolean = false; 
    @Output() sdFactors: any[] = []; 

: 나는 하나 개의 배열 sdFactors를 노출 SystemDynamicsComponent라는 구성 요소가

export class InputModuleComponent implements OnInit { 
... 
sdFactors: any[] = []; 

입력 모듈 구성 요소를 실행하면 각도에서이 오류 메시지가 표시됩니다. TypeError: self.context.sdFactors.subscribe is not a function at Wrapper_SystemDynamicsComponent.subscribe (wrapper.ngfactory.js:38) at View_InputModuleComponent6.createInternal (component.ngfactory.js:3103) at View_InputModuleComponent6.AppView.create (core.umd.js:12262) at View_InputModuleComponent6.DebugAppView.create (core.umd.js:12666) at TemplateRef_.createEmbeddedView (core.umd.js:9320) at ViewContainerRef_.createEmbeddedView (core.umd.js:9552)

내가 누락 된 아이디어가 있습니까?

Answer 1

대신 당신이 바인딩 템플릿에 this를 추가 할 필요가없는

<system-dynamics (sdFactors)="this.sdFactors"></system-dynamics> 

이

<system-dynamics (sdFactors)="sdFactors"></system-dynamics> 

보십시오. 동일한 클래스의 변수는 템플릿에 this없이 액세스 할 수 있습니다.

@output 이벤트가 속성을 바인딩하지 바인딩에 사용되는 업데이트, 그렇게이

<system-dynamics [sdFactors]="sdFactors"></system-dynamics> 

처럼이 사용하고 같은 당신이 구성 요소에 passign 배열 또는 일부 변수 값 @input을 사용해야합니다

@Component({ 
    selector: "system-dynamics", 
    templateUrl: "/app/component/main/template/system-dynamics.html" 
}) 

export class SystemDynamicsComponent implements OnInit { 
    private dialogDisplayed: boolean = false; 
    @Input() sdFactors: any[] = [];