为什么Angular (5) HostListener事件可以在Chrome中运行，但IE不能？

Angular是一个流行的前端开发框架，它使用TypeScript编写，并且提供了许多方便的功能和工具来简化开发过程。其中一个功能是HostListener装饰器，它允许我们在组件中监听DOM事件。

在Chrome浏览器中，Angular的HostListener事件可以正常运行，而在IE浏览器中可能会出现问题。这是因为不同浏览器对于DOM事件的处理方式有所不同。

IE浏览器在处理DOM事件时使用的是旧的事件模型，而Chrome等现代浏览器使用的是新的事件模型。在旧的事件模型中，事件处理程序是通过attachEvent方法绑定的，而在新的事件模型中，事件处理程序是通过addEventListener方法绑定的。

Angular的HostListener装饰器使用的是新的事件模型，因此在Chrome等现代浏览器中可以正常工作。但是在IE浏览器中，由于使用的是旧的事件模型，无法正确地触发HostListener事件。

为了解决这个问题，我们可以使用polyfills（填充物）来提供对新的事件模型的支持。Polyfills是一种用于在旧的浏览器中模拟新的功能的技术。在Angular中，我们可以使用core-js等库来加载polyfills，以确保HostListener事件在所有浏览器中都能正常工作。

总结起来，Angular的HostListener事件可以在Chrome中运行，但在IE中可能无法正常工作，这是因为不同浏览器对于DOM事件的处理方式不同。为了解决这个问题，我们可以使用polyfills来提供对新的事件模型的支持。