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

Question

如何将对象(包含事件)从父组件传递到子组件，以及如何将 @Output 发送到从子组件到父组件的事件。

父组件

ts 文件:

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

html文件:

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

子组件

如何发出/触发从 Obj 发送的 Action 。

Answer 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
}