我的目标是检查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();
});
};
当我从应用程序组件模板中注释掉路由器插座时(因此它只是导航栏),然后调整大小功能在导航栏组件中正常工作。当路由器出口路由到另一个组件时,知道如何让它在导航栏中工作吗?