首页 文章

如何将事件从父组件传递到子组件？

提问于
浏览 次
0

如何将对象（包含事件）从父组件传递到子组件，以及如何从子组件向父组件发出@Output到该事件 .

父母组合

ts文件：

Obj = { 'event': 'onSelect($event)'}; 
onSelect(val){console.log('from child to parent')}

html文件：

<child-component [Obj]="Obj"></child-component>

子组件

如何发出/触发从 Obj 发送的动作 .

javascript angular events output

1 回答

  • 1

    EventEmitter正是您要找的

    儿童TS

    @Output onSelect: EventEmitter<Object> = new EventEmitter();

select(){
  // myObject is object you want to send to parent
  onSelect.emit(myObject);
}

    儿童HTML

    <a (click)="select()">Select this</a>

    父HTML

    <child-block [onSelect]="onChildSelect($event)">

    家长TS

    //obj will contain object you've sent from your child 
onChildSelect(obj: Object){
   //your code
}
    回复于

相关问题