div内的Angular2 onresize事件缺少参考

Question

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

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

并像处理 ts 文件中的事件

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

在我的“事件”参数中，我在“curenTarge”、“源”和“目标”中引用了“窗口”，但没有引用我的 div。

我哪里错了？

Answer 1

通过添加window:，您可以使其成为全局事件处理程序。即使您将其添加到 div 中，它也与此 div 完全无关。无论您将其添加到何处，它的行为都会相同。

你也可以使用

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

减少混乱的代码。