角2の変化の検出は電子で中断します

Question

私はAngular 2を使ったElectronアプリを持っています。アプリケーションはipcRendererを使ってローカルのJSONファイルからデータをロードするまでうまく動作します。その後、サービス内のデータに作用するボタンは、変更検出プロセスを起動してビューを更新しなくなりました。 https://github.com/marshmellow1328/electron-angular-change-detection

ボタンがネイティブの変更検出をトリガーするのを止めない理由は何もわかりません。 ChangeDetectorRefを追加する必要はないようです。もしそうなら、私は理由を理解したいと思います。

Answer 1

私はあなたの問題を調査し、readFileハンドラが角度ゾーン外で実行されたために発生したと判断しました。したがって、変更検知の責任をゾーンに委ねたので、クリックイベントに反応しません。

これで最も簡単な解決策は何ですか？

app.component.ts

constructor(private zone: NgZone) { 
... 
this.zone.run(() => { 
    data.values.forEach((value) => { this.service.addValue(value); }); 
}); 

、その後、あなたが明示的にコードを作るzone.run(...)でthis.changeDetector.detectChanges();

を取り除くことができますがAngularsゾーン内で実行し、その後に実行された検出を変更します。

もう一つのアドバイス：

は、私は次のようにあなたのapp.component.tsでreduntantコードに気づいた：

private service: Service; 

constructor(service: Service) { 
    this.service = service; 
} 

あなたはそれが好き書き直すことができます。

constructor(private service: Service) {} 

希望、これはあなたを助けます！