javascript - angular 2输出后如何监听事件？

Question

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

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

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

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

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

Answer 1

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

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

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

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

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