javascript - 移动设备方向变化的 Ember Action

Question

我的任务是建立一个 ember 网站并使其响应移动设备。问题之一是他们使用组件来绘制图表(d3)。当父容器发生更改时，图形不会重新渲染。在桌面显示上并不是什么大问题，但在移动设备上绘制的图形在纵向和横向之间有很大不同。

我想知道是否有一种方法可以通过 jquery 或常规 javascript 在窗口设备方向更改上附加 ember 观察器？

Answer 1

到目前为止，尚不完全确定 Ember 是否具有窗口事件处理功能，但通过 jQuery 使用 resize 可能会解决问题:

resizeHandler: function() {
    //execute re-render
},

init: function() {
    this._super(...arguments);
    $(window).on('resize', this.get('resizeHandler'));
},

willDestroy: function() {
    this._super(...arguments);
    $(window).unbind('resize', this.get('resizeHandler'));
}