将数据传递到角2标签之间

Question

我新的角度2，我想传递数据一个组件标签到另一个组件标签。

组件tag1

<div class="row">

    <pie-chart></pie-chart>

</div>

组件标签2

<div class="row">
       <basic-table></basic-table>
</div>

这两个组件都放在另一个组件html文件中。

Answer 1

只需使用全局服务存储数据，然后使用相同的服务提取其他组件中的数据。

Answer 2

创建服务..。

import { Injectable } from '@angular/core';

@Injectable()
export class YourService {

  private _data: any;

  public store (data: any) {
    this._data = data;
  }

  public restore (): any {
    return this._data;
  }
}

使用DI (依赖项注入)将其注入组件：

constructor (private _myService: YourService) { }

您可以在组件内部使用此服务：

this._myService.store({..});
let data = this._myService.restore();

Answer 3

使用事件发射器，在其中一个指令发生事件时发出事件。另一个国家应参加这一活动。

import {EventEmitter} from 'angular2/core';

它具有以下定义类型

class EventEmitter {
    constructor(isAsync?: boolean)
    emit(value?: T)
    subscribe(generatorOrNext?: any, error?: any, complete?: any) : any
}

有关更多详细信息，请参阅文档https://angular.io/docs/js/latest/api/core/index/EventEmitter-class.html