如何在角度 2 中输出后监听事件？

【问题标题】：How listen event after Output in angular 2?如何在角度 2 中输出后监听事件？
【发布时间】：2016-10-07 08:11:50
【问题描述】：

在一个组件中我发出一些数据

@Output() search: EventEmitter<string> =
      new EventEmitter<string>(); 

onChange(searchText) {
    this.search.emit(searchText);
    console.log(searchText);
  };

如何在另一个组件中收听“searchText”值？

另一个组件不是第一个组件的子组件。

【问题讨论】：

Global Events in Angular 2的可能重复

标签： javascript typescript angular output

【解决方案1】：

您定义输出的方式意味着在发生相应事件时可以通知父组件：

@Component({
  template: `
    <search (search)="doSomething($event)"></search>
  `,
  directives: [ SearchComponent ]
})
export class SomeComponent {
  doSomething(searchText:string) {
    (...)
  }
}

假设你描述的组件的选择器是search。

如果触发事件的组件和监听的组件之间的关系不同，您应该考虑在共享服务中使用 observable。有关详细信息，请参阅此文档：

https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#bidirectional-service

【讨论】：