Hostlistener无法在内部组件中工作

Question

我想检测代码深处组件的屏幕尺寸变化。 问题是我无法使Hostlistener工作。 当我在app.component中使用相同的代码（层次结构中的最高代码）时，一切都会按预期进行。

@HostListener('window:resize', ['$event'])
onResize(event) {
    this.screenWidth = window.innerWidth;
}

上面的代码在最外部的组件中使用，而在最内部的组件中不使用。