Question

如何将对象（包含事件）从父级传递到子级组件，以及如何将@Output到事件从子级传递到父级组件。

父母能力

ts文件：

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

html文件：

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

子组件

如何发出/触发操作，该操作是从Obj发送的。

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
}

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

1 个答案: