Angular 2本机桌面应用程序(不含Electron)示例

sup*_*bra 14 desktop-application angular

Angular网站(www.angular.io)称,Angular可用于"适用于网络,移动网络,原生移动和原生桌面".我想了解更多有关原生桌面功能但在angular.io网站上找不到任何内容的信息.有人能指点我一些文档或例子吗?

Bae*_*ree 5

这很令人困惑,但是无法仅使用Angular2创建本机桌面应用程序。也许这是未来的计划,但还不可能。但是Angular2与Electron的配合很好!我写了一篇关于它的博客,很遗憾,它只有德语:(但是也许您可以使用Google转换器将其翻译:https : //medium.com/@baerree/ich-packe-meine-koffer-angular-cli-电子ii-28644342b956

基本上,您需要运行此处描述的步骤:http : //www.blog.bdauria.com/?p=806

在围绕您的应用程序构建了电子骨架并完成了链接中描述的Angular2配置步骤之后,有一件事情要做:

您的Angular2示波器内部缺少电子示波器。这意味着,如果要访问它,则需要在Angular2内传递电子。这可以通过将以下内容添加到index.html中来完成(请注意,这不是一个干净的解决方案):

 <script>
  var electron = require('electron');
 </script>
Run Code Online (Sandbox Code Playgroud)

完成此操作后,您需要通过将其添加到打字稿中来告诉打字稿现在有一个电子变量。d.ts:

declare var electron: any;
Run Code Online (Sandbox Code Playgroud)

您现在可以通过调用以下命令在Angular2中访问电子:

var app = electron.remote.app;
Run Code Online (Sandbox Code Playgroud)

使用app变量,您可以完全访问电子和电子文件。例如,您可以执行以下操作:

this.title = app.getAppPath();
Run Code Online (Sandbox Code Playgroud)

我希望这至少可以有所帮助:)

干杯