我的目标是检查window.onresize上的宽度,以便我的导航栏组件更改移动设备与PC的徽标 . 我有窗口调整大小功能在另一个组件中工作,所以我知道它的工作原理 . 我的应用程序组件模板如下所示:

@Component({
selector: 'my-app',
template: `
  <navigation></navigation>
  <router-outlet></router-outlet>
`
})

问题是一旦路由器“路由”到另一个组件,window.onresize功能就会停止在导航组件中发生 . 这是window.onresize功能:

window.onresize = (e) =>
                {
                    _ngZone.run(() => {
                        this.checkWidth();
                    });
                };

当我从应用程序组件模板中注释掉路由器插座时(因此它只是导航栏),然后调整大小功能在导航栏组件中正常工作 . 当路由器出口路由到另一个组件时,知道如何让它在导航栏中工作吗?