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!");
}