在多個 windows 應用程序中打開 Angular 材質對話框

Question

我正在開發一個Angular 10 Material 應用程序，它應該在雙顯示器環境中運行。 我使用Window.open()方法創建了一個 window 顯示在第二台顯示器上。 如何在這個新創建的 window 上打開Material dialog ？ 謝謝。

編輯：我有興趣擁有一個管理兩個 windows 的應用程序實例，類似於此示例。

Answer 1

如果您可以排除兼容性問題（即沒有 Safari 用戶）我會 go 與BroadcastChannel 。 如果您不能排除 Safari 用戶，則有一些 BroadcastChannel polyfills（例如這個）模仿相同的功能，但有一些限制。

實施方面 - 我將創建一個服務來監聽廣播消息，將它們轉換為應用程序通知並在單個/多個 observables 中發出它們（取決於您的需要）。

然后，您的組件將偵聽此 observable，並在需要時打開彈出窗口（或運行一些其他操作）。