Question

我是Angular 2中的新手，我想将数据一个组件标记传递给另一个组件标记。

组件标记1

<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

将数据传递给angular 2标签

3 个答案: