angular - Angular 无法接收发射值

我正在尝试将值从DropdownComponent发送到TaskComponent：

DropdownComponent位于NavBbrComponent（AppModule）内部，TaskComponent位于MainComponent中，属于HomeModule。
在DropdownComponent中有select定义：

<select class="form-control minimal" id="project" name="project" [(ngModel)]="selectedProject" (change)="onChange($event.target.value)">
  <option>Project 1</option>
  <option>Project 2</option>
</select>

使用发出值的onChange方法：

onChange(event) {
    this.toTask.emit(event);
  }

值绑定在主组件中，其中是任务组件的定义

<app-task (toTask)="fromDropdown($event)"></app-task>

但是TaskComponent中没有值。
Stackblitz

最佳答案

因为您的DropdownComponent和TaskComponent组件没有任何父子关系，所以您必须使用某种服务在这些组件之间传递数据。
我刚刚更新了你的DEMO，你可以在那里找到解决方案。
SAMPLE DEMO