Angular / Electron 使用带有角度组件的 renderer.js

Question

我使用 angular-cli 创建了一个 angular 6 项目。

在我安装了 Electron 并完成此操作之后：

1. 将 src/index.html 基础更改为

2. 在本地安装 Electron：

   npm install electron --save-dev

3. 在我的项目的根目录上创建了一个 main.js 文件

   const { app, BrowserWindow } = require('electron')

   让我们赢；

   函数创建窗口（）{ 赢=新浏览器窗口（{ 宽度：600， 身高：600， })

   win.loadURL(file://${__dirname}/dist/myproject/index.html)

   win.on('关闭', function () { 赢=空 }) }

   app.on('ready', createWindow)

   app.on('window-all-close', function () {

   if (process.platform !== 'darwin') { app.quit() } })

   app.on('激活', function () { 如果（赢===空）{ 创建窗口（） } })

4. 调整了package.json文件

   { “名称”：“角电子”， “版本”：“0.0.0”， “许可证”：“麻省理工学院”， "main": "main.js", //

如果我现在跑步

npm run electron-build

该项目将起作用。

我现在的问题是我创建了一个 renderer.js 文件并希望从我的 angular 组件中执行函数

例如：

renderer.js

function somefunction() {
    // do something
}

app.component.html

<button (click)="somefunction()">Run Function in renderer.js</button>

我该怎么做？

Answer 1

没有必要 renderer.js，因为您使用的是 angular。您应该在 app.component.ts 中添加您的函数。

话说如果你还需要renderer.js，你有没有把文件添加到你的index.html中

  require('./somePath/dist/renderer.js')

这将使其全球可访问。