如何使用Electron菜单执行角7导航

Question

我在选举版本3.0.7中使用angular 5.2.11，并试图使用Electron菜单导航到angular 5组件。当我点击电子菜单时，它会导航到页面，但我的组件只执行构造函数，而不是任何角度生命周期挂钩，直到我点击电子窗口。然后页面加载并按预期工作。

menu.js文件：

const { Menu } = require('electron');
const menuTemplate = [
label: 'Maintenance',
submenu: [
{
label: 'Sar Maintenance',
}
];
menu = Menu.buildFromTemplate(menuTemplate);    
Menu.setApplicationMenu(menu);
exports.ApplicationMenu = menu;

index.ts文件：

const { app } = require('electron');
const BrowserWindow = require('electron').BrowserWindow
let ipcm = require('electron').ipcMain;
let appmenu = require('./menu.js');
let menu = appmenu.ApplicationMenu;
let mainWindow;
function createMainWindow () {
mainWindow = new BrowserWindow({width:  800, height: 800});
mainWindow.loadURL(`file://${__dirname}/index.html`);
menu.items[1].click = () => {    // Sar Mainenance
mainWindow.webContents.send('goto-sar', 'sarArg');
}
mainWindow.on('closed', () => {
mainWindow = null
});
}
app.on('ready', createMainWindow)
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit()
}
});
app.on('activate', () => {
if (mainWindow === null) {
createMainWindow()
}
})
ipcm.on('page-nav-complete', () => {
console.log('NavComplete');
app.focus();
});

Angular app.component.ts:

let ipcRenderer = require('electron').ipcRenderer;
app.component.ts constructor:
ipcRenderer.on('goto-sar', function(sender, arg) {
this.openSar();
});

app.component.ts:中的角度方法

openSar () {
this._router.navigate(['/sargen']);
ipcRenderer.send('page-nav-complete');
}

似乎mainWindow没有得到关注？我做错了什么？

Answer 1

您必须使用NgZone.run()。更多点击这里-Angular NgZone。这就是我必须做的，以使Angular与Electron一起工作，并在ipcRenderer中使用路线导航。

示例

import { OnInit, NgZone } from '@angular/core';
let ipcRenderer = require('electron').ipcRenderer;
export class MyComponent implements OnInit {
constructor(private ngZone: NgZone) { }
ngOnInit() {
ipcRenderer.on('goto-sar', (event, arg) => {
this.ngZone.run(() => {
this.openSar();
});
});
}
}