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

【问题标题】：How to access data from an imported component in Angular 2?如何从 Angular 2 中的导入组件访问数据？
【发布时间】：2017-01-25 08:13:40
【问题描述】：

我有一个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 的值。我想要做的是当用户点击按钮时隐藏body的溢出。

Angular 2 版本 2.0.0-beta.15

【问题讨论】：

请升级您的 Angular 版本
代码已经完成了。将整个代码更改为 angular 的最终版本有多困难。另外，Navbar.isOn 会在新版本中给出结果吗？
这两个组件之间有什么关系吗？

标签： javascript html css angularjs angular

【解决方案1】：

注意：也有其他方法，但需要了解关系投注组件。

使用（截至目前）Injector如下图，

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

【讨论】：