我使用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>
我怎样才能做到这一点?