角度无法接收发射值

cor*_*rry 5 select angular-components angular angular-event-emitter

DropdownComponent我正在尝试从to发出值TaskComponent

在此输入图像描述

DropdownComponent位于NavBbrComponent( )内部AppModule并且TaskComponent属于。MainComponentHomeModule

里面DropdownComponentselect定义:

<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>
Run Code Online (Sandbox Code Playgroud)

使用onChange发出值的方法:

onChange(event) {
    this.toTask.emit(event);
  }
Run Code Online (Sandbox Code Playgroud)

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

onChange(event) {
    this.toTask.emit(event);
  }
Run Code Online (Sandbox Code Playgroud)

但没有任何价值TaskComponent

斯塔克闪电战

cod*_*der 4

由于您的组件DropdownComponentTaskComponent组件没有任何类型的父子关系,因此您必须使用某种服务在这些组件之间传递数据。

我刚刚更新了您的信息DEMO,您可以在那里找到解决方案。

SAMPLE DEMO