当路由器插座显示不同的组件时,Angular 2导航栏组件不“活动”

时间:2016-12-21 23:08:19

标签: angular angular2-routing

我的目标是检查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();
                    });
                };

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

0 个答案:

没有答案