How to trigger window resize event in Angular

Question

I am using a Angular plugin on data table. The container of the data table is resizable, while through the doc I learned that the data table it self will resize when there is a window resize event. In jQuery I know there is a $(window).trigger() but I don't know how to do that in angular.

My question is: in parent angular directive, how do I trigger that window resize event?

Answer 1

You can trigger window.resize event by

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

---

And for listening to window.resize, use HostListener as below example:

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

live demo