2016-12-23 2 views
0
親コンポーネントから

私はこのように実行します。[角度2]

import {Observable, Subscription, Subject} from 'rxjs'; 

filteredBanks: Subject<any> = new Subject(); 
cilickFun() { 
this.filteredBanks.next('some value'); 
} 

と子コンポーネント:

@Input() filteredBanks: Subject<any>; 

ngOnInit() { 

     this.filteredBanks.subscribe(event => { 
      console.log(event); 
     }); 

} 

私はコンソールにエラーが表示されます。 Cannot read property 'subscribe' of undefined

誰でもこれを解決する方法を知っていますか?

EDIT

親テンプレート:あなたの親テンプレートで

<a (click)="cilickFun()"> EMIT</a> 

<div class="col-md-9"> 
     <app-singlebank></app-singlebank> 
</div> 
+0

ためのセレクタであることを前提としてい親コンポーネントのテンプレートを追加できますか? – yurzui

+0

追加...しかし、それはテンプレートでは問題ではないと思います。 –

+4

'[filteredBanks] =" filteredBanks "' – yurzui

答えて

0

をそれが

<a (click)="cilickFun()"> EMIT</a> 

<div class="col-md-9"> 
     <app-singlebank [filteredBanks]='filteredBanks'></app-singlebank> 
</div> 

する必要があります私はアプリ-singlebankは、子コンポーネント