2016-08-15 68 views
0

Angular2 Close dropdown on click outside, is there an easiest way?角2事件目标 - 点击下拉外或子组件

我曾尝试在上面的链接中提到的代码,但它似乎。载功能总是返回false。

我的控制

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

用户可以单击里面多选择的按钮或链接。如果他们可以点击按钮或href我想要鼠标事件目标返回true,当点击页面正文(不在控件上),然后返回false。看起来elementref.nativeelement.contains在单击multiselect的子组件时总是返回false。

回答

0

<button>元素具有冗余<

<button><</button> 

应该

<button></button> 
+0

这只是错字这里。 –

+0

''从哪里来?也许你需要检查来自不同元素的'.contains(...)'(例如下拉覆盖图)。你能否提供一个Plunker来重现? –