angular中监听resize事件

百里泓
2023-12-01

参考:https://www.jianshu.com/p/8e746a6c8ac2

import { Observable } from 'rxjs';

// 页面监听
    Observable.fromEvent(window, 'resize')
      .debounceTime(300) // 以免频繁处理
      .subscribe((event) => {
        // 这里处理页面变化时的操作
        console.log('come on ..');
      });

如何监听一个div的宽度变化呢????

监听到变化后,重新渲染echarts,改变它的w:

// 页面监听
    Observable.fromEvent(window, 'resize')
      .debounceTime(300) // 以免频繁处理
      .subscribe((event) => {
        // 这里处理页面变化时的操作
        console.log('come on ..');
        // that.myChart.setOption(option); // 这个方法是不会重新渲染的!!!!!
        that.myChart.resize(); // 使用echarts自己的resize方法。
      });

 类似资料: