我使用angular-cli创建了一个角度为6的项目 .

之后我安装了Electron并完成了这个:

  • 将src / index.html更改为

  • 本地安装电子:

npm install electron --save-dev

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

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

让胜利;

function createWindow(){win = new BrowserWindow({width:600,height:600,})

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

win.on('closed',function())}

app.on('ready',createWindow)

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

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

app.on('activate',function(){if(win === null){createWindow()}})

  • 调整了package.json文件

{“name”:“angular-electron”,“version”:“0.0.0”,“license”:“MIT”,“main”:“main.js”,// < - 更新此处“脚本”: {“ng”:“ng”,“start”:“ng serve”,“build”:“ng build”,“test”:“ng test”,“lint”:“ng lint”,“e2e”:“ ng e2e“,”电子“:”电子 . “,// < - 运行电子”电子构建“:”ng build --prod && electron . “ // < - 构建app,然后运行电子},// ...省略}

如果我现在跑

npm run electron-build

该项目将有效 .

我现在的问题是我创建了一个renderer.js文件,并希望从我的角度组件执行那里的函数

例如:

renderer.js

function somefunction() {
    // do something
}

app.component.html

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

我怎样才能做到这一点?