インポートされたコンポーネントのデータにアクセスするには、Angular 2？

Question

私は(click)=toggle(!isOn);の値をisonに、trueまたはfalseに変更するnavbar.component.tsを持っています。

私は別の成分を持っていますwelcome.component.ts。私はnavbar.component.tsをNavbarとして輸入しました。 Navbar.isOnを記録しようとすると、undefinedと表示されます。私はNavbarをログインしたときには、isOnの値にアクセスする方法

function Navbar() { 
    this.selectedcity = 'Location'; 
    this.isOn = false; 
    this.isDisabled = false; 
} 

を与えます。私がしたいことは、ユーザーがボタンをクリックしたときに、本体のオーバーフローを隠すことです。

角度2バージョン2.0.0-beta.15

Answer 1

注：他の方法がありもしているが、関係ベットコンポーネントを知っておく必要があります。 （今のところ）

使用インジェクター以下に示すように、

import {App} from 'src/app'; 

constructor(private inj:Injector){} 
click(){ 
     let parentComponent = this.inj.get(App); 
     console.log(parentComponent.isOn) 
     this.val=parentComponent.isOn; //<----other component property 

} 

http://plnkr.co/edit/xYO7zA?p=preview