Passing event to second level child component

In your patent.html you can let the child-component emit directly through onEvent like this:

<child-component (onChildEvent)="onEvent.emit($event)">
</child-component>

In child component:

import { Component, OnInit, EventEmitter, Output } from '@angular/core';

... in class body:

@Output() onMyEvent = new EventEmitter<boolean>();

... call event

this.onMyEvent.emit(true);

In template:

<child-component (onChildEvent)="onEvent.emit($event)">
</child-component>

In parent component:

  onChildEvent(boolean){
    alert("Event now!");
  }

Related