angular5 监听指定组件页面变化

第一种方法

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; 
  }