javascript - 如何从Angular 2中的导入组件访问数据？

我有一个navbar.component.ts，其中的(click)=toggle(!isOn);将ison的值更改为true或false。

我还有另一个组件welcome.component.ts。我将navbar.component.ts导入为Navbar。当我尝试登录Navbar.isOn时，它说undefined。当我登录Navbar它给

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

如何访问isOn的值。我想做的是当用户单击按钮时隐藏主体溢出。

Angular 2版本2.0.0-beta.15

最佳答案

注意：也可以使用其他方式，但需要了解相关投注组件。

使用（到目前为止）喷油器，如下所示，

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