cor*_*rry 5 select angular-components angular angular-event-emitter
DropdownComponent我正在尝试从to发出值TaskComponent:
DropdownComponent位于NavBbrComponent( )内部AppModule并且TaskComponent属于。MainComponentHomeModule
里面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>
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。
由于您的组件DropdownComponent和TaskComponent组件没有任何类型的父子关系,因此您必须使用某种服务在这些组件之间传递数据。
我刚刚更新了您的信息DEMO,您可以在那里找到解决方案。
| 归档时间: |
|
| 查看次数: |
3800 次 |
| 最近记录: |