Angular 2 mouseenter / mouseleave事件多次触发

Question

在以下代码示例中：

plunkr

我试图在鼠标进入按钮时显示一个模态，并在鼠标离开按钮时隐藏模态，但是，如果鼠标正在移动，那么内部＆＃34;按钮，模态被多次触发。这没有意义。

我可以用另一个事件来避免这种奇怪的行为吗？我试过鼠标悬停，但同样的问题发生了。