Angular2 onresize div内部缺少引用的事件

Question

目前我正试图找出如何处理window：angular2中的onresize事件。 我将它嵌入到这样的组件模板中：

<div class="signaturepadContainer" (window:resize)="onResize($event)">

并在ts文件中处理事件，如

  onResize(event: any){ ...dosomethingterrible... }

在我的'event'参数中我有'curenTarge'，'source'和'target'引用'window'，但不是我的div。

我哪里错了？

Answer 1

通过添加window:，您可以将其设为全局事件处理程序。即使你把它添加到div中，它根本与这个div无关。无论你在哪里添加它，它都会表现得一样。

您也可以使用

@HostListener('window:resize', ['$event'])
onResize(event: any){ ...dosomethingterrible... }

减少令人困惑的代码。