將數據傳遞給角2標籤

Question

我是Angular 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