我有一个Angular项目,其中一个页面包含:
window.addEventListener('resize', () => {
let button: HTMLElement = document.querySelector('button#changeDir') as HTMLElement
...
})
[当我尝试使用@angular/router
更改目录并调整窗口大小时,出现错误
ERROR TypeError: Cannot read property 'querySelector' of null
我试图做一个if语句
if (this.router.url == "\") ...
但是,如果您使用@angular/router
返回页面而不刷新,只会增加工作量,导致页面动作变慢。有没有办法忽略目录更改之后/更改过程中制定的代码?
经过研究后,我发现addEventListener
的替代方案在用@angular/router
进行路线变更后将无法实施:
onWindowResizeFun() {
let button: HTMLElement = document.querySelector('button#changeDir') as HTMLElement
...
}
<section (window:resize)="onWindowResizeFun()">