组件之间的角度事件

Question

我需要从一个组件中获取一个事件到另一个组件中，该组件位于发出的组件旁边。

DisplayComponent 中的 HTML

<app-header></app-header>   Emitting rom this ...

<show-list></show-list>     ... into this

标头组件中的代码

@Output()
change: EventEmitter<number> = new EventEmitter<number>();


public switchSomething():void {
  doSomething();
  this.change.emit();
}

有没有合适的方法来做到这一点，或者我需要任何肮脏的解决方法来实现它。也许我只是觉得太复杂了。

Answer 1

让 app-header 发射到 DisplayComponent 并让 DisplayComponent 调用 show-list 的函数。我认为您的设置没有任何问题。

显示组件 html

<app-header (change)="doSomething($event)"></app-header>
<show-list #list></show-list>

显示组件 ts

@Component({etc.etc.})
export class etc etc. {

  @ViewChild('list') list: ShowListComponent;

  doSomething(event: Number) {
    this.list.callSomething(event);
  }
}