Angular 2 Event Target - Dropdown clicked outside or child component

Question

Angular2 Close dropdown on click outside, is there an easiest way?

I did try the code mentioned in above link but it seems .contains function is always returning false.

My control

<multiselect-dropdown>
<button>Click</button>
<a href=""> Click here</a>
</multiselect-dropdown>

User can click either on the button or link inside multi select. If they can click on button or a href i want mouse event target to return true and when clicked on body of the page (not on control) then return false. It seems elementref.nativeelement.contains always returns false when clicked on child component of multiselect.

score 0 · Answer 1 · answered Aug 16 '16 at 05:25

0

Your <button> element has an redundant <

<button><</button>

should be

<button></button>

answered Aug 16 '16 at 05:25

Günter Zöchbauer

623,577
216
2,003
1,567

That's just typo here. – Robin Kedia Aug 16 '16 at 06:01
Where does `` come from? Perhaps you need to check `.contains(...)` from a different element (the dropdown overlay for example). Can you provide a Plunker to reproduce? – Günter Zöchbauer Aug 16 '16 at 06:05

Angular 2 Event Target - Dropdown clicked outside or child component

1 Answers1