javascript - 如何在 Angular 中触发窗口调整大小事件

Question

我在数据表上使用 Angular 插件。数据表的容器是可调整大小的，而通过文档我了解到，当有窗口调整大小事件时，它自己的数据表会调整大小。在 jQuery 中我知道有一个 $(window).trigger() 但我不知道如何在 Angular 上做到这一点。

我的问题是:在父 Angular Directive(指令)中，如何触发窗口调整大小事件？

Answer 1

您可以通过以下方式触发window.resize 事件

window.dispatchEvent(new Event('resize'));

---

要收听 window.resize，请使用 HostListener如下例:

@HostListener('window:resize', ['$event'])
sizeChange(event) {
  console.log('size changed.', event);
}

live demo