第一种方法
import { Observable } from 'rxjs/Rx';
ngOnInit() {
// 监听页面大小变化
Observable.fromEvent(window, 'resize').subscribe((event) => {
console.log('页面变化了');
console.log(event);
});
// 监听页面刷新
Observable.fromEvent(window, 'beforeunload').subscribe((event) => {
console.log('页面刷新了');
console.log(event);
});
}
第二种方法
import {HostListener} from '@angular/core';
@HostListener('window:resize', ['$event'])
onResize(event) {
event.target.innerWidth;
}
