angular - 使用renderer.js和 Angular 组件使用的 Angular/Electron

Question

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

之后，我已经安装了Electron并完成了此操作:

将src/index.html基础更改为

在本地安装Electron:

npm安装 Electron --save-dev

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

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

让胜利；

函数createWindow(){
获胜=新的BrowserWindow({
宽度:600，
高度:600，
})

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

win.on('closed'，function(){
胜利=空
})
}

app.on('ready'，createWindow)

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

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

app.on('activate'，function(){
如果(win === null){
createWindow()
}
})

调整了package.json文件

{
“name”:“Angular Electron ”，
“version”:“0.0.0”，
“license”:“MIT”，
“main”:“main.js”，//<-在此处更新
“脚本”:{
“ng”:“ng”，
“start”:“ng服务”，
“build”:“ng build”，
“test”:“ng test”，
“lint”:“ng lint”，
“e2e”:“ng e2e”，
“electron”:“electron。”，//<-运行 Electron
“electron-build”:“ng build --prod && electronic”。//<-构建应用，然后运行 Electron
}，
//...省略

如果我现在运行

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

因为使用的是 Angular ，所以不需要 renderer.js 。您应该在 app.component.ts 中添加函数。

话虽如此，如果您仍然需要renderer.js，是否已将文件添加到index.html中

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

这将使其在全局范围内均可访问。