相关疑难解决方法(0)

如何在新的BrowserWindow(Electron)中加载Angular 2+路线?

所以我有一个完整的Angular 5应用程序,我想将该应用程序隐藏到Electron应用程序中。除了一件事情,我已经像在Web App表单中一样使该应用程序中的所有内容都能正常工作。我一辈子都无法弄清楚如何将Routes加载到新的BrowserWindow中。这是我正在使用的内容以及到目前为止我已经尝试过的内容:

我用这个加载mainWindow:

mainWindow.loadURL(url.format({
    pathname: path.join(__dirname, 'dist/index.html'),
    protocol: 'file:',
    slashes: true
  }));
Run Code Online (Sandbox Code Playgroud)

我成功地通过mainWindow中的routerLink导航到Contact,并得到以下结果:

console.log(mainWindow.webContents.getURL()); = file:///C:/Me/Project/dist/contact
Run Code Online (Sandbox Code Playgroud)

现在,我不想导航到mainWindow内部的Contact,而是希望通过mainWindow在secondWindow内部打开Contact页面:

index.html:

<base href="./">
Run Code Online (Sandbox Code Playgroud)

app.routes.ts:

export const routes: Routes = [{
    path: 'contact', data: { sectionTitle: 'Contact' },
    loadChildren: 'contact/contact.module#ContactModule'
}]

@NgModule({
  imports: [
    RouterModule.forRoot(routes, { useHash: false })
  ],
  exports: [RouterModule],
  declarations: [],
  providers: [],
})
export class AppRoutingModule { }
Run Code Online (Sandbox Code Playgroud)

main.js:

secondWindow = new BrowserWindow({
    parent: mainWindow,
    width: 1024,
    height: 768,
    frame: false,
    minWidth: 1024,
    minHeight: 768,
    show: false
  });

secondWindow.loadURL('file://' …
Run Code Online (Sandbox Code Playgroud)

electron angular

4
推荐指数
2
解决办法
1925
查看次数

标签 统计

angular ×1

electron ×1