angular2+electronメモ

このメモについて

ほぼ自分用のメモ。
はまりどころ多かったので、覚えておくため用。
物の製作途中なので、throw new BusyError();

はまりどころ箇条書き

SystemJSのrequireとelectronのrequireの衝突

対策

• electron側をSystemJSから呼ぶときには @node/ スコープにするとrequireでelectron側呼べる
• require("@node/remote")という感じ
• もちろんd.ts弄らないとtypescriptだと困ったことに。

componentへの変更がview側に反映されない

原因はどうも非同期タイミングの変更を現在のangular2では検知できないらしい。(そういえばObject.observeとか提案してたなぁ)
変更を通知するにはNgZoneのインスタンスをDIで貰ってこないとダメ。

やり方。

app.ts

class HogeComponent {
    constructor(private _ngZone: NgZone) {}
    private someAsyncCallMethod() {
        this._ngZone.run(() => {/* 反映処理 */});
    }
}

Rxのdebounce使って思いっきりハマった。。。

SystemJSでnode_modules内をrequire

これが参考になりました。http://mizuki-r.hatenablog.com/entry/2015/02/04/005832

現状この形がベスト感。

最後に

もうちょっといい方法あれば逆に教えてください