Angular / Keen-Slider：调整窗口大小时滑块仅在模式下工作

Question

我正在使用 Angular 中的 keen-slider 创建一个旋转木马，只要我直接在页面上使用它就可以正常工作，但如果我在模态中使用它就会破坏。只有当我调整浏览器窗口的大小时，它才会再次起作用。

当我们调整大小时它工作正常：

你认为一定会发生什么？

Answer 1

快速而肮脏的方法是在模态对话框的 ngOnInit 方法（或另一个 生命周期事件）中简单地触发窗口调整大小事件：

export class MyDialog implements OnInit {
  constructor() {}

  ngOnInit() {
    window.dispatchEvent(new Event('resize'));
  }
}

有时我不得不在奇怪的情况下使用 setTimeout，但是🤫不要告诉任何人。