角度2の双方向電子アプリの初期ロード時に動作していない結合

Question

私は、次のファイルがあります。

topnav.component.ts

import { Component } from '@angular/core'; 
import { EnvironmentService } from '../services/ipc/environment.service'; 

const { ipcRenderer } = electron; 

@Component({ 
    selector: 'app-topnav', 
    templateUrl: './topnav.component.html', 
    styleUrls: ['./topnav.component.scss'] 
}) 
export class TopnavComponent { 
    version: string = null; 

    constructor(private environmentService: EnvironmentService) { 
    this.environmentService.getVersionInfo(); 

    ipcRenderer.on('environment-reply', (event, arg) => { 
     console.log(arg); 
     this.version = arg; 
    }); 
    } 
} 

topnav.component.html

... 
    <div *ngIf="version">{{version}}</div> 
... 

を

コードでは、実行中の環境に関するバージョン情報を取得しています。バージョンプロパティを更新して、自分のビューで更新されることを期待しています。 getVersionInfo（）を呼び出すと、非同期で電子のipcMainおよびipcRenderer通信構造が使用されます。私はこれらが期待どおりに機能していることを確認することができます。角度も電子もない誤差はありません。

実際にバージョンがarg paramに戻ってコンソールに期待どおりに記録されていることを確認しました。しかし、私は私のアプリをナビゲートするまでビューに表示されていません。これは、Angular 2のコンポーネントのライフサイクルと変化の検出と関係があると私に信じています。しかし、私はAngular 2とElectronの両方の初心者です。

何が起こっているのか、どのように修正するのかに関する指針やアイデアはありますか？

Answer 1

Havent used electron ..しかし、ngZoneを試してください。

import { Component,NgZone } from '@angular/core'; 

そして、あなたのコンストラクタで、

constructor(private environmentService: EnvironmentService,private _ngzone:NgZone) { 
    this.environmentService.getVersionInfo(); 

    ipcRenderer.on('environment-reply', (event, arg) => { 
     console.log(arg); 
     this._ngzone.run(()=>{ 
     this.version = arg; 
     }); 
    }); 
    } 

エレクトロンは多分「ゾーン」と角度外の値を更新すると、それを検出できない場合があります。