角度2コンポーネントから電子ダイアログを開くにはどうすればいいですか？

Question

ボタンをクリックして、コンポーネント内のフォルダダイアログを開きます。ここで私が何をしようとしていますものです：

HTML：だから

<div> 
    <input class="u-full-width" placeholder="Folder" type="text" [(ngModel)]="folder"> 
    <button id="browse" class="button-primary" (click)="browse()">Browse</button> 
    <input id="fileInput" type="file" style="display: none" /> 
</div> 

component.ts

// var remote = require('remote'); 
// var dialog = remote.require('dialog'); 

    folder: string; 
    browse() { 
    dialog.showOpenDialog({title: 'Select a folder', properties: ['openDirectory']}, (folderPath) => { 
     if (folderPath === undefined){ 
      console.log("You didn't select a folder"); 
      return; 
     } 
     this.folder = folderPath; 
    }); 
    } 

、どのように私は、リモートインポートし、ダイアログのですか？

Answer 1

もうすぐです。レンダラで使用するドキュメント（https://github.com/electron/electron/blob/master/docs/api/dialog.md）によれば、const {dialog} = require('electron').remoteを実行する必要がありますので、最初のremote変数は必要ありません。

Answer 2

あなたはngx-electronライブラリとあなたの答えのための

import {ElectronService} from 'ngx-electron' 

export class DialogHelper { 

    private static alert = new ElectronService().remote.dialog; 
}