关于 ipc 事件的 Electron-Angular 打开客户端对话框

Question

我有一个后端通知，它会弹出一个客户端角度材质对话框组件。 有时，但并非总是如此，对话框不会完全实例化。 组件的构造函数被调用，但生命周期中的其他任何东西都不会被调用，直到对话框关闭。 有时它工作得很好并且ngOnInit也被调用。

具有 ipc 订阅的组件如下所示（我也尝试过setTimeout和使用Observable ，但都没有成功）：

api.receive('hotkey', (event, arg) => {
  this.onHotkey(shortcut as Shortcut);
});
api.send('setHotkeyListener');

热键实现调用与执行this.dialog.open(...)业务的按钮相同的方法。

api 是通过preload.js的contextBridge实现的，如下所示：

const {
  contextBridge,
  ipcRenderer
} = require("electron");

// Expose protected methods that allow the renderer process to use
// the ipcRenderer without exposing the entire object
contextBridge.exposeInMainWorld(
  "api", {
    sendSync: (channel, data) => {
      return ipcRenderer.sendSync(channel, data);
    },
    send: (channel, data) => {
      ipcRenderer.send(channel, data);
    },
    receive: (channel, func) => {
      ipcRenderer.on(channel, (...args) => func(...args));
    }
  }
);

我认为问题是一些缺失的上下文，即 angular 没有从 ipcRenderer 代码路径中获取； 你知道我错过了什么吗？

Answer 1

这很难找到，但很容易解决。 希望我的问题也有助于为其他人指明正确的方向。 我需要使用NgZone让 angular 知道它需要检测变化。

import { NgZone, OnInit } from '@angular/core';

// ...

declare const api: any;

export class AppComponent implements OnInit {
  constructor(private ngZone: NgZone) {}
  ngOnInit() {
    api.receive('hotkey', (event, arg) => {
      this.ngZone.run(() => this.onHotkey(arg as Shortcut));
    });
    api.send('setHotkeyListener');
  }
  // ...
}