在组件中使用HostListener装饰器和document.readyState属性,判断页面是否已加载完毕。如果页面已加载完毕,再执行滚动事件。 代码示例:
import { Component, OnInit, HostListener } from '@angular/core';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
constructor() { }
ngOnInit() {
}
@HostListener('window:scroll', ['$event'])
onWindowScroll(event: Event) {
if(document.readyState === 'complete') {
// 执行滚动事件的代码
}
}
}
上一篇:Angular:样式化自定义组件
下一篇:Angular:页面显示不正确