在Electron应用程序中单击菜单上更改AngularJS状态
发布时间:2020-12-17 17:41:24 所属栏目:安全 来源:网络整理
导读:我正在尝试使用带有菜单项的AngularJS创建一个Electron应用程序.我可以在主电子 javascript文件中定义这个菜单项,如下所示: var Menu = require('menu');var menu = new Menu();var tpl = [ { label: 'Actions',submenu: [ { label: 'Xxxx',click: function
我正在尝试使用带有菜单项的AngularJS创建一个Electron应用程序.我可以在主电子
javascript文件中定义这个菜单项,如下所示:
var Menu = require('menu'); var menu = new Menu(); var tpl = [ { label: 'Actions',submenu: [ { label: 'Xxxx',click: function() { /* I want to change the state here */ } } ] } ]; menu = Menu.buildFromTemplate( tpl ); Menu.setApplicationMenu(menu); 但是当用户点击子菜单时,我不知道如何更改AngularJS的状态(我正在使用ui-router). 此外,我正在尝试根据应用程序中的控制器(或状态)更改菜单项.我知道我不能在Angular代码中执行require(‘menu’),所以如何更改控制器中的菜单项? 谢谢 解决方法
我要回答我自己的问题,我找到了解决方案.
使用远程模块,我可以将Web进程与主进程通信,并调用主进程对象的方法.所以,在AngularJS应用程序的主控制器中,我可以这样做: .controller('AppController',function ($scope,$rootScope,$state,$http,$location) { $rootScope.remote = require('remote'); var Menu = $rootScope.remote.require('menu'); var App = $rootScope.remote.require('app'); var menu = new Menu(); var tpl = [ { label: 'Actions',submenu: [ { label: 'GoPage',click: function() { $state.go('samepage'); } },{ label: 'Quit',click: function() { App.quit(); },accelerator: 'Command+Q' } ] } ]; menu = Menu.buildFromTemplate( tpl ); Menu.setApplicationMenu(menu); }) 通过这种方式,我可以在菜单项单击上调用AngularJS函数,并根据应用程序中的控制器更改菜单项. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |