Javascript Angular2中的鼠标事件侦听器

欢迎大家,， 我正在努力改变简单的事件监听器，将DOM元素转换为更合适、更正确的元素

这是我的简单应用程序的plunker:

如果有人能给我一些建议，如何把它变成更好的东西，用其他的方法来实现它，我将非常感激

由于服务器渲染，我无法使用DOM事件侦听器。我听说过一些关于事件发射器的事情，但我不确定在这种情况下是否应该使用它

编辑：我不想使用DOM侦听器，因为有时候它会关闭，或者当我上传大量数据或多次单击元素时，侦听器会进入“睡眠”。另一件事是不建议在Angular2中使用DOM侦听器

---

提前谢谢你

如果需要动态添加事件侦听器，那么这很好。代码应移至

ngAfterViewInit（）

。视图还没有完全内置在

ngOnInit（）

中。@GünterZöchbauer这个监听器会很好，但不知怎的，当我上传大数据或我太多次使用这个事件时，它只是开始没有响应。。。听者基本上是关闭的。这是我想停止使用它的一个原因，另一个原因是angular团队不建议使用DOM侦听器。你愿意帮我吗？你想做一个完整的答案吗？不知道我会在答案中写些什么。不使用DOM侦听器当然是Angular团队的一个很好的建议，但前提是您只使用Angular2而不使用任何非Angular库；-）@我明白了。但是对于我的问题，你有什么解决办法吗？在x次之后或者在x次操作之后，监听器关闭了？我应该每隔30秒重新加载一次听众吗？我知道这很愚蠢，但也许会奏效。我无法重现你的问题。我也不明白他们为什么会停止开火。我唯一能想象的是，在添加事件监听器的地方，绘图仪重新渲染视图和元素不再存在。但我对阴谋一无所知