Angular 4 Event Delegation

Asked Oct 13 '17 at 16:02

Active Oct 13 '17 at 16:02

Viewed 427 times

I am required to detect a click event on a pseudo-element (::after) which holds an icon in CSS. This pseudo-element is a sibling of a <select> HTML Element and will open/toggle/display all the <option> inside that <select>.

I am propagating the click event to the parent element and triggering the focus event on the <select> using this.selectDropdown.nativeElement.focus();.

PS: selectDropdown of type ElementRef is decorated with @ViewChild('selectDropdown') and placed in the <select #selectDropdown>.

Do you have any idea, guys? Thank you very much for your help

asked Oct 13 '17 at 16:02

David Casanellas

Could you please create a minimal reproducible example (plunker/jsfiddle)? – Igor Soloydenko Oct 13 '17 at 18:11
It's a little hacky and I dont know if you can use in your case but using rxjs fromEvent seems to work – Whisher Oct 13 '17 at 19:13
The event is captured but the – David Casanellas Oct 17 '17 at 10:48

Angular 4 Event Delegation

0 Answers0