My requirment is to fire event from the code to a parent hosting component.
I used the first answer here as a reference: angular2 manually firing click event on particular element
If I try this, it works well:
this.itemHost.viewContainerRef.element.nativeElement.dispatchEvent(new Event('click'));
In the parent component I wrote this:
(click)="go()"
It arrives to the go method when the above code occurs.
But this doesn't work if I do it with some custom event name, e.g.:
this.itemHost.viewContainerRef.element.nativeElement.dispatchEvent(new Event('customEvent'));
and in the parent component:
(customEvent)="go()"
How can I do it with custom event?